/*Theme Name: Firstcom Solutions
Author: Firstcom Solutions Developers
Author URI: http://firstcom.com.sg/
Version: 1.0*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
.generate-carret{
  background-image: url("http://rictedkennels.com/wp-content/uploads/2018/06/black-triangle.png");
  background-repeat: no-repeat;
  background-size: 0.5em;
  background-position: right 15px center;
  line-height: 1em !important;
  cursor: pointer;
}

* {
    outline: none !important;
}

.font1{
    font-family: 'Roboto', sans-serif;
}
.font2{
    font-family: 'Roboto Condensed', sans-serif;
}
.font3{
    font-family: 'Lato', sans-serif;
}

body {
    background-color: #DDD;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}


/*Addational Custom CSS*/
#sb_instagram .sbi_photo {/*position: relative; z-index: 3;*/}
.list-table {
    display: table;
    width: 100%;
}
.list-table > li {
    display: table-cell;
}

textarea {
    resize: none;
}

input {
    margin-bottom: 15px;
}

/*Header*/
.sticky-mobile {top: 0;}
.sticky-mobile {display: none;}
header {
      position: fixed;
    top: 0;
    height: auto;
    width: 100%;
    z-index: 100;
    padding: 15px 0 0 0;
    background-color: #fff;
  /*  z-index: 1;
    width: 100%;*/
}
.top-right-caption a img {
    padding-left: 5px;
    padding-right: 5px;
}
nav ul li:hover a {
    background-color: #0f72b7;
    border-radius:25px;
    color: white;
    padding: .5em 1em;

}
li.current-menu-item a{
    background-color: #0f72b7;
    border-radius:25px;
    color: white;
    padding: .5em 1em;
  
}

nav ul li a {
    color: #0f72b7;
    padding: .5em 1em;
 /* position: relative;
  z-index: 3;*/

}
/*when mobile*/
.wpcf7-form {/*position: relative; z-index: 3;*/}
.navbar-toggle {
    background-color: #E3E2D0;
}
.navbar-toggle .icon-bar {
    background-color: #0f72b7;
}
.navbar{
    margin-bottom: 0;
    font-size:14px;
}
.sub-menu {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 17em;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    list-style: none;
    top: 45px;
    border-radius: 0 0 15px 15px;
}
nav ul li ul.sub-menu li a {
    background-color: transparent;
    color: #0f72b7;
    padding: .5em 1em;
}
nav ul li ul.sub-menu li:hover a {
    background-color: #0f72b7;
    border-radius:25px;
    color: white;
    padding: .5em 1em;

}
.menu-item {
    position:relative;
}
.menu-item-has-children:hover .sub-menu {
    
    display:block;
}

/* Footer * Copyright */
footer {
    background-color: #6a747d;
    padding: 20px 0;
    color:#fff;
}

.copyright {
    text-align: center;
    font-size: 12px;
}

.contact iframe {
    width: 100%;
    height: 300px;
    line-height: 0;
}

/*-----------------------------------------
                standard css
------------------------------------------*/

a {
    text-decoration: none !important;
}
.margin1em {
    margin:1em;
}
.nopadding {
    padding: 0px;
}
.nopaddingbot {
    padding-bottom: 0px;
}
.nopaddingtop {
    padding-top: 0px;
}
.nomarginbot {
    margin-bottom: 0px;
}
.nomargintop {
  margin-top: 0px;
}
.paddingtop0p5em{
    padding-top: 0.5em;
}
.paddingtop1em {
    padding-top: 1em;
}
.paddingtop2em {
    padding-top: 2em;
}
.paddingtop3em {
    padding-top: 3em;
}
.paddingtop4em {
    padding-top: 4em;
}
.paddingtop5em {
    padding-top: 5em;
}
.paddingtop7em {
    padding-top: 7em;
}
.paddingtop17em {
    padding-top: 17em;
}
.paddingtop20em {
    padding-top: 20em;
}
.paddingbot1em {
    padding-bottom: 1em;
}
.paddingbot2em {
    padding-bottom: 2em;
}
.paddingbot3em {
    padding-bottom: 3em;
}
.paddingbot4em {
    padding-bottom: 4em;
}
.paddingbot5em {
    padding-bottom: 5em;
}

.paddingbot7em {
    padding-bottom: 7em;
}
.padding5em {
    padding: 5em;
}
.padding3em {
    padding: 3em;
}
.padding1em {
    padding: 1em;
}
.paddingleft1em {
    padding-left: 1em;
}
.nomargin {
    margin:0px;
}
.margintop1em{
    margin-top: 1em;
}
.margintop2em{
    margin-top: 2em;
}
.margintop3em{
    margin-top: 3em;
}
.borderbot3em {
    border-bottom: 3em;
}
.paddingleft0{
    padding-left: 0;
}
.paddingright0{
    padding-right: 0;
}
.paddingleft1em{
    padding-left: 1em;
}
.paddingright1em{
    padding-right: 1em;
}
.paddingleft2em{
    padding-left: 2em;
}
.paddingright2em{
    padding-right: 2em;
}
.margintop5em{
    margin-top: 5em;
}
.lh25 {
    line-height: 25px;
}
.lh35 {
    line-height: 35px;
}
.ls05{
    letter-spacing: .5px;
}
.ls1{
    letter-spacing: 1px;
}

.col-center{
    float: none;
    margin-right: auto;
    margin-left: auto;
}
.allcaps {
    text-transform:   uppercase;
}
.italic {
    font-style: italic;
}

.light{
    font-weight: 300;
}
.regular {
    font-weight: 400;
}
.medium {
    font-weight: 500;
}
.semi-bold {
    font-weight: 600;
}
.bold {
    font-weight: 700;
}


.left {
    float: left;
}

.right {
    float: right;
}

.fs12{
    font-size: 12px;
}
.fs13{
    font-size: 13px;
}
.fs14{
    font-size: 14px;
}
.fs16{
    font-size: 16px;
}
.fs18{
    font-size: 18px;
}
.fs20{
    font-size: 20px;
}
.fs24{
    font-size: 24px;
}
.fs28{
    font-size: 28px;
}
.fs30{
    font-size: 30px;
}
.fs35{
    font-size: 35px;
}
.fs40{
    font-size: 40px;
}
.fs45{
    font-size: 45px;
}

/*----------------------------------
            End of Standard Css
----------------------------------*/
.red {
    color: red;
}
.white {
    color: #fff;
}
.white:hover {
    color: #fff;
}
.black {
    color: #000;
}
.black:hover {
    color: #000;
}
.gray {
    color: #555555;
}
.gray:hover {
    color: #555555;
}
.skyblue {
    color: #0f72b7;
}
.gray-bg {
    background-color: #f9f9f9;
}
.skyblue-bg {
    background-color: #1470A8;
}
.yellow-bg {
    background-color: #ffe800;
}
.border-white1  {
    border: 1px solid #fff;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.mg-top {
    margin-top: 10em;
}
/*-------------------------------------------------------
                    GENEREAL PAGE
-------------------------------------------------------*/
/* .wpcf7-form span.wpcf7-list-item.first {margin-left: 0;} */
.img-none {display: none;}
.img-none img {width: 100%;}
.btn-back {margin-top: 2em;}
.custom-wid {width: 76%; margin: 0 auto;}
#tip a {color: #fff;}
#tip {background: #464646;border-radius: 10px;width: 20px;text-align: center;display: inline-block;}
.form-size {width: 23%; height: 30px; padding: 5px; display: inline-block;}
.f-right {float: right;}
.inline {width: 46%; display: inline-block;}
.sticky-links ul {padding: 0px; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}
.sticky-links ul li {list-style: none; display: block; margin: 12px; background: #0f72b78c; width: 325px; padding: 0px; -webkit-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; border-radius: 30px 0 0 30px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-size: 12px; color: #fff;}
.sticky-links ul li a {color: #fff;}
.sticky-links ul li a img {margin-right: 10px; background: #0F72B7; padding: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 53px; height: 53px; object-fit: contain; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); overflow: hidden;}
.sticky-links ul li:hover {-webkit-transform: translate(-255px, 0); -moz-transform: translate(-255px, 0); -ms-transform: translate(-255px, 0); -o-transform: translate(-255px, 0); transform: translate(-255px, 0); background: #0F72B7;}
.sticky-links ul li:hover img {background: #72BBF5; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}

.sticky-links {
    position: fixed;
    top: 30%;
    /*left: 87%*/; left: auto;
    right: 0px;
    z-index: 2;
    width: 76px;
    padding: 0.5em;
}
.link-holder {
    padding: 1em;
    border-radius: 25px;
    font-size: 11px;
    text-align: center;
    background-color: #0F72B7;
}

.link-holder a div span img{
    margin-left: 1em;
}


/*-------------------------------------------------------
                    HOME PAGE
-------------------------------------------------------*/

.img-relocation-wrapper img {
    width: 100%;

}
.img-relocation-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.home-services-wrapper .list-inline > li {
    display: inline-block;
    padding-right: 3em;
    padding-left: 3em;
}
.list-inline li {
    padding: 1em;
}
.list-inline {
    margin-left: 2em;
}
.paw-description-wrapper{
    padding: 2em;
    margin-bottom: 1em;
    border-radius: 1em;
}
.home-follow-wrapper {
    height: 200px;
/*     width: 20%; */
  width: 100%;

}
.follow-img-wrapper img {
    height: auto;
    width: 100%;

}
.follow-img-wrapper {
    padding-right: 0;
    padding-left: 0;
}
.follow-icons {
/*     padding: 1em;
    width: 30%; */
  width: 50px;
    height: 50px;
    object-fit: cover;
}
.home-follow-wrapper a {display: inline-block;margin: 0 10px;}
.panel.boarding-panel {/*position: relative; z-index: 3;*/}
.btn-home {
    padding: 1em 2em;
    border: 1px solid #555555;
    color: #000;
 /* position: relative;
  z-index: 3;*/
}
.btn-home:hover {
    background-color: yellow;
    border: none;
}
.contact-field {
    border-color: transparent transparent #555555 transparent;
    border-radius: 0;
    box-shadow: none;
    opacity: .5;
}
.contact-field:focus {
    border-color: transparent transparent #555555 transparent;
    border-radius: 0;
    box-shadow: none;
    opacity: .5;
}
.contact-field::-webkit-input-placeholder {
    color: #000;
}
/*-------------------------------------------------------
                    THANK YOU PAGE
-------------------------------------------------------*/
.thank-you-wrapper img {
    width: 25%;
}

/*-------------------------------------------------------
                    ABOUT PAGE
-------------------------------------------------------*/
.about-services-wrapper ul li {
/*     padding */
}
/*-------------------------------------------------------
                    PET BOARDING PAGE
-------------------------------------------------------*/

/*accordion*/
.boarding-panel .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.boarding-panel .panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.boarding-panel .panel-title > a:hover,
.boarding-panel .panel-title > a:active,
.boarding-panel .panel-title > a:focus  {
    text-decoration:none;
}
.panel.boarding-panel{
    -webkit-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
    box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
    width: 90%;
}
.boarding-panel.panel-none > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}



/*-------------------------------------------------------
                    PET RELOCATION PAGE
-------------------------------------------------------*/
.circle {
    position: relative;
    left:-25px;
}
.circle img {
    position: absolute;
    background-color: #fff;
    border-radius: 30px 30px;
    height: 4em;
    width: 4em;
    padding: 1em;
    top: -2em;
    -webkit-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.34);
    box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.34);
}
.rel-image-title{
    padding-left: 1em;
    height: 40px;
}
.rel-btn-seemore{
    margin-left: 1em;
}

/*-------------------------------------------------------
                    FAQ PAGE
-------------------------------------------------------*/

/*accordion*/
.faq-panel .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.faq-panel .panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.faq-panel .panel-title > a:hover,
.faq-panel .panel-title > a:active,
.faq-panel .panel-title > a:focus  {
    text-decoration:none;
}
.panel.faq-panel {
    -webkit-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
    box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
    width: 70%;
 /* position: relative;
  z-index: 3;*/
}
.faq-panel.panel-none > .panel-heading {
     color: #333;
    background-color: #fff;
    border-color: #ddd;
}


/*-------------------------------------------------------
                    EXPORT PAGE
-------------------------------------------------------*/

/*accordion*/
.EXPORT-panel .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.EXPORT-panel .panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.EXPORT-panel .panel-title > a:hover,
.EXPORT-panel .panel-title > a:active,
.EXPORT-panel .panel-title > a:focus  {
    text-decoration:none;
}
.panel.EXPORT-panel {
    -webkit-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
    box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
    width: 75%;
}
.EXPORT-panel.panel-none > .panel-heading {
     color: #333;
    background-color: #fff;
    border-color: #ddd;
}

/*-------------------------------------------------------
                    IMPORT PAGE
-------------------------------------------------------*/
.link-here {
    text-decoration: underline !important;
}
.live-animals-image{
    width: 15%;
}

/*-------------------------------------------------------
                    NEWS AND EVENTS PAGE
-------------------------------------------------------*/
.event-post-wrapper {
    -webkit-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
    box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.34);
    padding-bottom: 3em;
}
.event-post-wrapper img.post-image {
    width: 100%;
    padding-top: 1em;
}
.search-bar form input {
    border-radius: 2em;
    height: 4em;
    width: 100%;
}
/*-------------------------------------------------------
                    CONTACT PAGE
-------------------------------------------------------*/
.contact-img-map{
    width: 85%;
}
.transparent-bg {
    background-color: transparent;
}
@media screen and (max-width: 1199px) {
    .custom-wid {
        width: 94%;
    }
    .mg-top {
        margin-top: 21em;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .form-size {width: 19%;}
}
@media screen and (min-width: 320px) and (max-width: 768px) {

    .sticky-mobile ul {padding-left: 0;}
    .sticky-mobile ul li {list-style: none; margin: 3px 0; background: #0F72B7; padding: 1em; -webkit-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; border-radius: 30px; font-size: 12px; color: #fff; position: relative; display: inline-block;}
    .sticky-mobile ul li a h3 {font-size: 1em;padding-right: 2.5em;margin-top: 0; margin-bottom: 0;}
    .sticky-mobile ul li a {color: #fff;}
    .sticky-mobile ul li a img {width: 27px; height: 27px; object-fit: contain; position: absolute; right: 10px; top: 5px;}
    .sticky-mobile {display: block; top: 0;z-index: 101;right: 0px;text-align: right;}
    .sticky-desktop {display: none;}

    .navbar-header.paddingtop1em {padding-top: 0;}
    .allcaps.paddingtop1em {padding-top: 0;}
    .top-right-caption.paddingtop1em {padding-top: 0;}
    #gfw p {margin-bottom: 0;}
    #gfw iframe {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}

    .home-contact-wrapper.paddingtop3em {margin-bottom: 0;}
    .panel.EXPORT-panel {width: 100%;position: relative;z-index: 3;}
    .div-banner .paddingbot3em {padding-bottom: 0;}
    .div-banner .paddingtop20em {padding-top: 6em;}
    .div-banner.paddingbot3em {padding-bottom: 0;}
    .div-banner.paddingtop20em {padding-top: 6em;}
    .custom-wid {width: 100%;}
    .sticky-links .paddingtop1em {padding-top: 0;}
    .sticky-links {/*position: fixed;*/ /*top: 35%;*/ /*left: auto; right: 0px; z-index: 100; width: 4em; display: block; padding: 0;*/}
    .link-holder a div span img {margin-left: 0;}
    .link-holder .fs12 h3 {display: none;}
}
@media screen and (max-width: 767px) {
    #cfw .wpcf7-form .form-group .paddingleft1em {padding-left: 0;}
}
@media screen and (max-width: 768px) {
    /*---------------------------------------------
                GENERAL PAGE
    ---------------------------------------------*/
    .center-in-mobile {
        text-align: center;
    }
    .img-center-in-mobile {
        margin:0 auto;
    }
    .hide-in-mobile {
        display: none;
    }
    
    .link-holder {
        padding: 1em;
        border-radius: 25px;
        font-size: 11px;
        text-align: center;
        background-color: #0F72B7;
        margin: 0.5em;
    }
    .sub-menu {
        display: none;
        position: relative;
        background-color: #f9f9f9;
        min-width: 17em;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding: 12px 16px;
        list-style: none;
        top: 10px;
        border-radius: 0 0 15px 15px;
    z-index: 3;
    }
    nav ul li ul.sub-menu li a {
        background-color: transparent;
        color: #0f72b7;
        padding: .5em 1em;
    
    }
    nav ul li ul.sub-menu li:hover a {
        background-color: #0f72b7;
        border-radius:25px;
        color: white;
        padding: .5em 1em;
    
    }
    .list-inline {
        margin-left: 0;
    }
    .mg-top {
        margin-top: 13em;
    }
    footer {
        margin-top: -1em;
    }
    .recaptcha-container {
        float: left !important;
    }
    .quote-submit {
        float: left !important;
        margin-top: 3em;
    }
    /*-------------------------------------------------------
                    HOME PAGE
    -------------------------------------------------------*/
    .relocation-content {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .home-follow-content {
        padding-bottom: 10em;
        text-align: center;
    }
    .paddingtop3em {
        padding-top: 1em; margin-bottom: 1em
    }
    .paddingtop7em{
        padding-top: 3em;
    }
    /*-------------------------------------------------------
                    PET RELOCATION PAGE
    -------------------------------------------------------*/
    .circle {
        position: relative;
        left: -2em;
    }
    .circle img {
        position: absolute;
        background-color: #fff;
        border-radius: 30px 30px;
        height: 4em;
        width: 4em;
        padding: 1em;
        top: -2em;
        -webkit-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.34);
        -moz-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.34);
        box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.34);
    }
    .mob-relocate ul li {
        padding-bottom: 3em;
    }
    .rel-image-title{
        padding-left: 0;
    }
    .rel-btn-seemore{
        margin-left: 0;
    }
    .rel-image-title{
        height: auto;
    }

    /*-------------------------------------------------------
                    NAV BAR TOGGLE
    -------------------------------------------------------*/
    .navbar-toggle {
        margin-top: -5em;
    }
    .list-inline li {
        width: 100%;
    }
}
@media screen and (max-width: 554px){
    .slider {
        margin-top: 16em;
    }
}
@media screen and (max-width: 499px) {
    .sticky-mobile ul {
        padding-left: 170px;
    }
    #logo img {
        margin-top: -10em;
    }
    .navbar-toggle {
        margin-top: -1em;
    }
    .slider {
        margin-top: 0 !important;
    }
    .list-inline {
        margin-left: 0;
        margin-top: -3em;
    }
    .mg-top {
        margin-top: 12em;
    }
}

@media screen and (max-width: 461px) {
    .form-size {width: 100%; margin-bottom: 5px;}
}

@media screen and (max-width: 580px) {
  .panel.faq-panel img {width: 100%;}
  .panel.faq-panel {width: 100%;}
}

@media screen and (max-width: 640px) {
    /*.sticky-links {
        position: fixed;
        top: 80%;
        left: 4em;
        right: 0px;
        z-index: 100;
        width: 10em;
        display: -webkit-inline-box;
    }*/
    .sticky-links {
        display: none;
    }
}
@media screen and (max-width: 418px) {
    /*-------------------------------------------------------
                    PET BOARDING PAGE
    -------------------------------------------------------*/
  
}
/*@media screen and (max-width: 375px) {
    .sticky-links {
        position: fixed;
        top: 80%;
        left: 1em;
        right: 0px;
        z-index: 100;
        width: 7em;
        display: -webkit-inline-box;
    }
}
@media screen and (max-width: 320px) {
    .sticky-links {
        position: fixed;
        top: 80%;
        left: 0;
        right: 0px;
        z-index: 100;
        width: 5em;
        display: -webkit-inline-box;
    }
}*/


/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=style.css.map */