@charset "utf-8";

/* CSS Document */
body {
    font-family: 'Merriweather', serif;
    color      : #fff;
}

a:hover {
    text-decoration: none;
}

.google-map-cms {
    background: transparent;
    position  : absolute;
    width     : 100%;
    height    : 450px;
    margin-top: 0;
}

.social {
    width  : 49%;
    opacity: 1;
}

.social:hover {
    width  : 49%;
    opacity: 0.9;
}

.header {
    background: #000;
    width     : 100%;
}

.header-layout {
    background: #000;
    position  : relative;
    z-index   : 999;
    width     : 100%;
}

.logo img {
    /* margin-top: 3%;
    width: 100%; */
}

.roof-logo {
    float     : none !important;
    padding   : 26px 0;
    text-align: center;
}

.menu-style-two .roof-social {
    float      : right;
    padding-top: 15px;
    display    : none;
}

.roof-menu.menu-style-two .navbar-nav {
    float  : none !important;
    margin : 0 auto;
    display: table;
}

.roof-menu.menu-style-two {
    background-color: #000000 !important;
}

.roof-menu .navbar-nav>li {
    margin-right: 0 !important;
}

.roof-menu.menu-style-two .navbar-nav>li>a {
    line-height   : normal !important;
    color         : #ffffff !important;
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 700;
    padding       : 20px 9px !important;
    font-size     : 15px;
    text-transform: uppercase;
    margin        : 0 6px;
}

.contact-item .contact-info p a:hover,
.roof-menu.menu-style-two .navbar-nav>li:hover>a,
.roof-menu.menu-style-two .navbar-nav>li.active>a,
.read-more a:hover,
.expert-item.first a:hover,
.work-info .work-title a:hover,
.work-info .work-category a:hover,
.roof-footer a:hover,
.roof-footer .roof-social a:hover,
.post-item .post-author span a:hover,
.roof-copyright a:hover,
.certifications-style-two .certification-title a:hover,
.breadcrumb li a:hover,
.roof-open-positions table a:hover,
.works-style-three .work-info .work-title a:hover,
.works-style-three .work-info .work-category a:hover,
.right-info .info-sub-label a:hover,
.widget_categories ul li a:hover,
.blog-meta a:hover,
.roof-more-posts .pull-right a:hover,
.product_meta a:hover,
.roof-forms .lost-password:hover,
.roof-contact-wrap .contact-info ul li a:hover,
.woocommerce form .lost_password a:hover {
    color     : #000 !important;
    background: #fff !important;
}

.header-r {
    border-left: 0 solid #dde2e6;
}

.nav-full {
    height     : 70px;
    padding-top: 8px;
}

.navi {
    min-height : 55px;
    padding-top: 15px;
}

.header-r h2 {
    text-align    : right;
    color         : #000;
    padding-right : 15px;
    font-size     : 16px;
    padding-top   : 36px;
    font-family   : 'Source Sans Pro', sans-serif;
    padding-bottom: 39px;
}

.header-r h2 a {
    text-align       : center;
    color            : #2a2b87;
    padding-right    : 15px;
    font-size        : 22px;
    padding-top      : 36px;
    /*    border-left: 1px solid #dde2e6;*/
    padding-bottom   : 29px;
}

.header-r h2 a:hover {
    color          : #000;
    text-decoration: none;
}

#right-border {
    border-right: 0 solid #dde2e6;
}

.navbar-inverse {
    float     : right;
    background: none;
    border    : none;
}

.navbar-nav>li>a {
    padding       : 18px 9px 16px;
    font-size     : 15px;
    text-transform: uppercase;
    margin        : 0 6px;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color     : #ffae00;
    background: none;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color          : #ffae00;
    text-decoration: none;
    background     : url("../images/opa.png") repeat;
}

.dropdown-menu>li>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav>li>a {
    color     : #fff;
    background: none;
}

.navbar {
    border       : none;
    margin-bottom: 0;
    min-height   : 30px;
    position     : relative;
}

.navbar-collapse {
    padding-right: 0;
}

.navbar-inverse .navbar-nav>li>a {
    color      : #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color     : #000;
    background: #fff;
}

.navbar-inverse .navbar-nav>li>a.active {
    color     : #000;
    background: #fff;
}

.navbar-nav>li>.dropdown-menu {
    margin-top             : 0;
    border-top-left-radius : 0;
    border-top-right-radius: 0;
    background             : url("../images/drop.png") repeat;
}

.dropdown-menu>li>a {
    display       : block;
    padding       : 15px 80px 15px 33px;
    clear         : both;
    font-weight   : normal;
    line-height   : 1.42857143;
    color         : #fff;
    white-space   : nowrap;
    font-family   : 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size     : 13px;
}

.dropdown-menu>li:hover {}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    color           : #fff;
    background-color: #131f31 !important;
}

.slider-left-1 {
    background     : url("../images/slider-left-1.png") no-repeat;
    min-height     : 253px;
    background-size: cover;
    overflow       : hidden;
}

.slider-left-2 {
    background     : url("../images/slider-left-2.png") no-repeat;
    min-height     : 253px;
    background-size: cover;
    overflow       : hidden;
}

.opa {
    background: url("../images/opa.png") repeat;
    min-height: 224px;
    margin    : 13px;
    border    : 2px solid #fff;
}

.opa h3 {
    text-align : center;
    color      : #fff;
    font-weight: 100;
    padding-top: 25px;
    font-size  : 31px;
    font-family: 'Fjalla One', sans-serif;
}

.opa p {
    text-align : center;
    color      : #fff;
    font-size  : 18px;
    margin-top : 46px;
    font-family: 'Merriweather', serif;
    transition : background 0.5s ease;
}

.opa a p {
    color          : #fff;
    text-decoration: underline;
    font-family    : 'Fjalla One', sans-serif;
    text-transform : uppercase;
    padding        : 10px;
    transition     : all 0.5s ease, padding 0.8s linear;
}

.back-image {
    background     : url("../images/min-back.jpg") !important;
    min-height     : 440px;
    padding-top    : 112px !important;
    background-size: cover;
}

.bx-wrapper .bx-viewport {
    background: transparent;
}

#line {
    width: 100%;
}

.opa a p:hover {
    color           : #ffae00;
    text-decoration : underline;
    background-color: rgba(0, 0, 0, 0.6);
}

/* .slider-full{     min-height: 412px;} */
.carousel-inner>.item>img {
    min-width: 100%;
}

.carousel-caption p {
    font-size  : 27px;
    font-family: 'Source Sans Pro', sans-serif;
}

.carousel-caption {
    padding-bottom: 50px;
    padding-top   : 50px;
    right         : 0 !important;
    left          : 0 !important;
    bottom        : 0;
    background    : url("../images/on-slider.png") repeat;
}

.content-a-full {
    background    : #000;
    padding-bottom: 30px;
}

.content-a {
    min-height: 230px;
}

.content-a h1 {
    text-align : left;
    color      : #fff !important;
    margin-top : 60px;
    font-weight: 700;
    font-size  : 50px;
    font-family: 'Open Sans', sans-serif;
}

.content-a p {
    text-align : justify;
    color      : #fff !important;
    margin     : 21px 0;
    line-height: 1.8;
    font-size  : 20px;
    font-family: 'Open Sans', sans-serif;
}

.main-img img {
    width : 85%;
    margin: 7% 0;
}

#professional {
    padding-top: 23px;
}

.content-a-layout-full {}

.content-a-layout {
    min-height   : 230px;
    margin-bottom: 0;
}

.roof-main-wrap h1 {
    text-align    : left;
    color         : #000;
    font-weight   : 700;
    /* font-size  : 50px; */
    font-family   : 'Open Sans', sans-serif;
}

.roof-main-wrap p {
    text-align    : justify;
    color         : #000;
    margin        : 2% 0;
    line-height   : 1.8;
    font-size  : 19px;
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 400;
}

.roof-main-wrap ul li {
    text-align    : justify;
    color         : #000;
    margin        : 0;
    line-height   : 1.8;
    font-size  : 19px;
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 400;
}
.roof-main-wrap ul{
    margin        : 2% 0;
}
.roof-main-wrap h4{
    font-family   : 'Open Sans', sans-serif;
    margin        : 6% 0 0 0;
}
.roof-main-wrap h2 {
    text-align    : left;
    color         : #888888;
    font-weight   : 700;
    /* font-size  : 35px; */
    font-family   : 'Open Sans', sans-serif;
}

.roof-main-wrap a {
    color: #888888;
}

form input,
form textarea,
form select {
    margin-bottom: 20px;
    border       : 1px dashed #adadad !important;
}

.img-bottom {
    width: 25%;
}

.content-h {
    text-align: center;
    min-height: 280px;
}

.content-h h3 {
    font-size  : 18px !important;
    font-weight: 700;
    height     : 35px;
}

.content-h p {
    padding-left : 35px;
    padding-right: 35px;
}

.content-d-full {
    background     : url("../images/service-back1.png") 50% 0 fixed;
    background-size: cover;
}

.content-d {
    min-height: 321px;
    text-align: center;
    padding   : 30px 100px;
}

.content-d h3 {
    font-size  : 18px !important;
    font-weight: 600;
    height     : 25px;
    color      : #fff;
    margin-top : 52px;
}

.content-d p {
    padding-left : 15px;
    padding-right: 15px;
    color        : #a6a7a6;
    font-size    : 13px;
    height       : 70px;
}

.div-d {
    /*    background:url(../images/opa.png) repeat; */
    padding-top   : 30px;
    padding-bottom: 40px;
    min-height    : 200px;
}

.div-d img {
    float        : left;
    transition   : border-color 0.5s ease;
    border       : 3px solid transparent;
    border-radius: 120px;
}

.div-d:hover img {
    border       : 3px solid #ffae00;
    border-radius: 120px;
}

.content-k h3 {
    background: url("../images/topic-back.png") no-repeat;
}

.div-d h3 {
    transition : color 0.5s ease;
    font-family: 'Open Sans', sans-serif;
}

.div-d:hover h3 {
    color          : #ffae00;
    text-decoration: none !important;
}

.div-d:hover a {
    color          : transparent !important;
    text-decoration: none !important;
}

.list ul {
    padding-left: 25px;
}

.list li {
    width      : 50%;
    float      : left;
    line-height: 2.5;
    color      : #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size  : 18px;
}

.list li a {
    color: #fff;
}

.list li a:hover {
    color: #ffae00;
}

.roof-footer {
    background    : #000 !important;
    padding-bottom: 15px !important;
    padding-top   : 56px !important;
}


.border-top-footer {
    border-top: 2px solid #fff;
}

.content-f {
    min-height: 165px;
    padding   : 30px 50px 18px;
}

.map {
    min-height         : 50px;
    background         : url(../images/location-line.png-old.html)no-repeat;
    background-position: 15px 0;
}

.roof-footer .custom-html-widget p {
    color        : #fff;
    font-size    : 18px;
    text-align   : center;
    line-height  : 1.5;
    /* text-align: left; */
    font-family  : 'Open Sans', sans-serif;
    font-weight  : 700;
}

.roof-footer .custom-html-widget h3 {
    color                 : #fff;
    font-family           : 'Source Sans Pro', sans-serif;
    height                : 30px;
    /* background-position: 0px 19px; */
    margin-bottom         : 5px;
    font-size             : 22px;
    font-weight           : 700;
    text-align            : center;
}
.roof-footer .custom-html-widget h3:first-child{
    margin-top: 25px !important;
}
.roof-footer .custom-html-widget a {
    color     : #fff !important;
    background: none !important;
}

.roof-footer .custom-html-widget a:hover {
    color: #ccc !important;
}

/*copyright*/
.roof-copyright {
    background-color: #808080 !important;
}

.roof-copyright p {
    color      : #000;
    text-align : center;
    font-size  : 18px;
    font-family: 'Open Sans', sans-serif;
}

.roof-copyright p span,
.roof-copyright p a {
    color: #ffffff;
}

.roof-copyright p a:hover {
    text-decoration: none;
    color          : #000000;
    background     : none !important;
}

.roof-main-wrap {
    padding   : 0px 0 !important;
    margin-top: -1px;
}

.map h4 {
    text-align: center;
}


.touch {
    min-height         : 50px;
    background         : url(../images/get-inline.png-old.html)no-repeat;
    background-position: 15px 0;
}

.touch h3 {
    color         : #fff;
    font-family   : 'Open Sans', sans-serif;
    font-size     : 22px;
    font-weight   : 600;
    padding-bottom: 15px;
    text-align    : center;
}

/*   #location{width: 28%;}
   #contact{width: 30%;}
   #social{width: 56%;}*/
.touch p {
    color      : #fff;
    font-family: 'Open Sans', sans-serif;
    font-size  : 16px;
    font-weight: 700;
    text-align : center;
}

.touch a {
    color      : #fff;
    font-size  : 22px;
    line-height: 1.8;
    text-align : left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.touch a:hover {
    color          : #ffae00;
    text-decoration: none;
}

/*.touch img{opacity: 0.8;}
.touch img:hover{opacity: 1;}*/

.content-k-full {
    background: #fff;
}

.content-k {
    padding: 42px 50px 27px;
}

.content-k h3 {
    font-size  : 33px;
    font-weight: 300;
    color      : #34495e;
    font-family: 'Fjalla One', sans-serif;
    text-align : left;
    font-size  : 25px;
    height     : 50px;
    margin-top : 0;
}

.content-k p {
    text-align : left;
    font-family: 'Open Sans', sans-serif;
    color      : #888a8c;
    margin     : 20px 0;
    line-height: 1.7;
    font-size  : 16px;
}

.coco img {
    margin: 0;
}

.animated-slider img {
    margin: 0 58px;
    border: 2px solid #f3a601;
}

.content-j-full {
    background     : url("../images/content-k.jpg") 50% 0 fixed;
    background-size: cover;
    padding-bottom : 20px;
}

.content-j {
    padding: 30px 50px 27px;
}

.content-j h3 {
    font-weight: 400;
    color      : #fff;
    text-align : center;
    font-family: 'Open Sans', sans-serif;
    font-size  : 43px;
    padding    : 25px 8%;
    font-style : italic;
    line-height: 1.3;
}

.content-j p {
    text-align : justify;
    color      : #f5a701;
    margin     : 10px 0;
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif;
    font-size  : 14px;
}

.content-c-full {
    background: #c0c0c0;
    padding   : 4% 0;
}

.content-c-img img {
    width      : 100%;
    padding-top: 15%;
}

.content-c h2 {
    text-align : center;
    color      : #000;
    font-family: 'Open Sans', sans-serif;
    font-size  : 32px;
    font-weight: 700;
}

.content-c p {
    text-align    : center;
    color         : #000;
    font-family   : 'Open Sans', sans-serif;
    font-size     : 20px;
    font-weight   : 400;
    padding       : 20px 4%;
    letter-spacing: 0px;
}

.content-c ul {
    padding-left: 4%;
}

.content-c ul li {
    color              : #000;
    list-style         : none;
    background         : url("../images/li.png") no-repeat;
    padding-left       : 35px;
    font-family        : 'Open Sans', sans-serif;
    font-size          : 20px;
    background-position: 0 7px;
    line-height        : 1.8;
}

.coco h3 {
    text-align   : center;
    color        : #000;
    font-family  : 'Open Sans', sans-serif;
    font-size    : 32px;
    font-weight  : 700;
    margin-bottom: 3%;
}

.coco img {
    transition: 0.8s;
}

.coco img:hover {
    box-shadow: 1px 5px 40px #000;
    opacity   : 0.8;
}

.img_thumb {
    height       : 130px;
    width        : 130px;
    margin-top   : 60px;
    margin-bottom: 126px !important;
    margin-left  : -24px !important;
}

.btn-gal {
    background           : #000;
    background-image     : -webkit-linear-gradient(top, #fff, #fff);
    background-image     : -moz-linear-gradient(top, #fff, #fff);
    background-image     : -ms-linear-gradient(top, #fff, #fff);
    background-image     : -o-linear-gradient(top, #fff, #fff);
    background-image     : linear-gradient(to bottom, #000, #000);
    -webkit-border-radius: 0;
    -moz-border-radius   : 0;
    border-radius        : 0;
    font-family          : 'Open Sans', sans-serif;
    color                : #fff !important;
    font-size            : 20px;
    padding              : 10px 20px;
    text-decoration      : none;
    border               : 2px solid #000 !important;
}

.btn-gal:hover {
    background      : #fff;
    background-image: -webkit-linear-gradient(top, #025d83, #025d83);
    background-image: -moz-linear-gradient(top, #025d83, #025d83);
    background-image: -ms-linear-gradient(top, #025d83, #025d83);
    background-image: -o-linear-gradient(top, #025d83, #025d83);
    background-image: linear-gradient(to bottom, #fff, #fff);
    text-decoration : none;
    border          : 2px solid #000 !important;
    color           : #000 !important;
    font-family     : 'Open Sans', sans-serif;
}

#bottom-para {
    color: #fff;
}

.footer-full {
    background: #808080;
}

.footer {
    min-height: 50px;
}

.clr {
    color: #fff;
}

.footer p {
    color      : #f5a701;
    margin     : 17px 0;
    text-align : center;
    font-size  : 13px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.footer a {
    color: #fff;
}

.footer a:hover {
    color          : #fff;
    text-decoration: underline;
}

.full-image {
    width    : 100%;
    max-width: 998px;
}

.mtop {
    margin-top: 15px;
}

.mylist li {
    color       : #231f20;
    font-size   : 12.5px;
    padding-top : 10px;
    background  : url("../images/marker.png") no-repeat left 75%;
    padding-left: 30px;
    line-height : 1.6;
    text-align  : left;
    width       : 50%;
    float       : left;
}

.button {
    display       : inline-block;
    padding       : 4px 21px 5px;
    margin        : 20px 0 0;
    font-size     : 13px;
    line-height   : 18px;
    color         : #44434d !important;
    border        : 2px solid #fcd450;
    text-transform: lowercase;
    transition    : all 0.3s ease 0s;
}

.button:hover {
    border: 2px solid #785501;
    color : #333;
}

.partner-logo-full {
    width         : 100%;
    /* border-top : 2px solid #ccc; */
    padding-top   : 55px;
    padding-bottom: 55px;
    background    : #fff;
}

.coco {
    margin-left : auto;
    margin-right: auto;
}

.coco-2 p {
    text-align: center;
}

.map-container {
    position      : relative;
    padding-bottom: 30%;
    /* padding-top: 35px; */
    height        : 0;
    overflow      : hidden;
}

#reset,
#submit {
    border-radius: 5px;
    padding      : 5px 17px;
    box-shadow   : 0 0 0 0;
    border       : 1px solid #000;
    opacity      : 0.8;
}

/*pages*/
#ourserv {
    height       : 500px;
    padding-top  : 50px;
    padding-right: 0;
}

#kitchens {
    padding-top: 50px;
}

/*pages*/
#submit-element {
    float        : left;
    padding-right: 10px;
    color        : #000;
}

#reset-label {
    display: none;
}

#reset-element {
    color: #000;
}

.list-unstyled li {
    color: red;
}

dd a {
    color: #000;
}

dd a:hover {
    color          : #000;
    text-decoration: underline;
}

.title {
    float     : left;
    height    : 78px !important;
    width     : 315px;
    text-align: center;
}

.b {
    float      : left;
    width      : 315px;
    margin-left: 42px !important;
    min-height : 315px;
}

.img_thumb {
    height       : 130px;
    width        : 130px;
    margin-top   : 60px;
    margin-bottom: 20px;
    margin-left  : -16px !important;
}

.fancybox img {
    padding: 0;
    width  : 19%;
    margin : 4px;
}

.title h2 {
    margin-left: -40px;
    font-size  : 28px;
}

.content-a-layout a {
    color          : #fff;
    text-decoration: none;
    font-weight    : 700;
}

.content-a-layout a:hover {
    color: #ccc;
}

.content-a-layout ul {
    padding-left: 18px;
}

.mr img {
    width        : 100%;
    margin-bottom: 8%;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*Contact Us Page*/
/*--------------------------------------------------------------------------------------------------------------*/
.list-unstyled {
    color: red;
}

.google-map-cms {
    background: transparent;
    position  : absolute;
    width     : 100%;
    height    : 450px;
    margin-top: 0;
}

#map-container {
    /*  background-color:#666;*/
}

#company-details {
    /* background-color: #9FC; */
    margin-top: 2%;
}

#map-container iframe {
    display   : block;
    margin-top: 10px;

}

dl {
    float: left;
    clear: left;
}

dt {
    clear     : both;
    float     : left;
    width     : 120px;
    margin-top: 10px;
}

dd {
    float : left;
    margin: 10px 0 0 4px;
}

dd input,
textarea {
    width                : 319px;
    padding              : 3px;
    border               : solid 1px #a9a9a9;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    border-radius        : 3px;
}

#reset,
#submit {
    width           : 143px;
    height          : 60px;
    font-family     : 'Open Sans', sans-serif;
    background-color: transparent;
    color           : #fff;
    border          : 1px dashed #adadad;
    font-size       : 18px;
    font-weight     : 400;
    padding         : 7px;
}

#reset:hover,
#submit:hover {
    border-style: solid;
    border-color: #66afe9;
    box-shadow  : inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

#tel-size {
    font-size: 22px;
}

/*-----------------------------------------------------------------------------------------------------*/
#contact-form dl {
    width: 100%;
}

#contact-form dt {
    display: none;
}

#contact-form dd {
    margin: 30px 25px 0 0;
}

#telephone-element {
    margin-right: 0 !important;
}

#email-element,
#name-element,
#telephone-element {
    width: 31%;
    float: left;
}

#message-element {
    width: 100%;
}

#submit-element {
    clear: left;
}

.form-control {
    height: 50px;
    border: 1px dashed #adadad;
}

.form-control:focus {
    border-style: solid;
}

#company-details dl {
    margin-top: 20px;
}

#company-details dd,
#company-details dt {
    font-size  : 16px;
    font-family: 'Open Sans', sans-serif;
}

#contact-form h2 {
    clear: both;
}

.list-unstyled li {
    color      : red !important;
    font-size  : 16px !important;
    font-weight: 700 !important;
}

.d-none {
    display: none;
}

.privacy-details {
    border : 2px solid #c7c7c7;
    padding: 1%;
}

.vc_custom_1601250801331,
.vc_custom_1606369437488 {
    padding-top: 50px !important;
    min-height : 300px;
}

/* #rev_slider_1_1_forcefullwidth{
    background: #000;
} */

footer {
    border-top: 2px solid #fff;
}

/*--------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 320px) and (max-width: 480px) {
    #ourserv {
        height      : 263px;
        padding-top : 50px;
        padding-left: 0;
    }

    .b {
        float      : left;
        width      : 315px;
        margin-left: 24px !important;
    }

    .ourserv {
        height     : 263px;
        padding-top: 50px;
    }

    #horse {
        float: left !important;
    }

    .touch {
        background-position: 15px 5px;
    }

    .map-container {
        position      : relative;
        padding-bottom: 58% !important;
        /* padding-top: 35px; */
        height        : 0;
        overflow      : hidden;
    }

    .content-k p {
        text-align : justify;
        color      : #020101;
        margin     : 0 !important;
        line-height: 2;
        font-size  : 12px;
    }

    .content-k h3 {
        font-size  : 33px;
        font-weight: 300;
        color      : #020101;
        text-align : left;
        font-size  : 18px;
        height     : 48px;
        padding-top: 10px;
    }

    .content-k {
        padding-left : 15px;
        padding-right: 15px;
        padding-top  : 25px;
        padding-top  : 37px;
    }

    .content-j {
        /* padding: 60px 15px 27px; */
    }

    .div-d {
        background    : url("../images/opa.png-old.html") repeat;
        padding-top   : 30px;
        padding-bottom: 0;
    }

    .content-d {
        min-height   : 321px;
        text-align   : center;
        padding-left : 20px;
        padding-right: 20px;
        padding-top  : 30px;
    }

    .footer p {
        color      : #f5a701;
        margin-top : 20px;
        text-align : center;
        font-size  : 12.5px;
        font-weight: 100;
    }
}

@media only screen and (min-width : 320px) and (max-width: 767px) {
    .map-container {
        position      : relative;
        padding-bottom: 58%;
        /* padding-top: 35px; */
        height        : 0;
        overflow      : hidden;
    }

}

/*up to large tabs*/
@media (max-width: 767px) {
    .roof-social {
        display: none !important;
    }

    .wpb_button,
    .wpb_content_element,
    ul.wpb_thumbnails-fluid>li {
        margin-bottom: 0 !important;
    }

    .content-j {
        padding: 30px 25px 27px !important;
    }

    .main-img img {
        width : auto !important;
        margin: 7% 0;
    }

    .content-j h3 {
        font-weight: 100;
        color      : #fff;
        text-align : center;
        font-family: 'Open Sans', sans-serif;
        font-size  : 22px;
        padding    : 0px 0;
        font-style : italic;
        line-height: 1.8;
    }

    .content-c p {
        text-align : center;
        color      : #000;
        font-family: 'Open Sans', sans-serif;
        font-size  : 18px;
        font-weight: 300;
        padding    : 20px 4%;
    }

    .content-c ul li {
        color              : #000;
        list-style         : none;
        background         : url("../images/li.png") no-repeat;
        padding-left       : 35px;
        font-family        : 'Open Sans', sans-serif;
        font-size          : 18px;
        font-weight        : 300;
        background-position: 0 7px;
        line-height        : 1.8;
    }

    .touch img {
        margin-top : 5%;
        margin-left: 15%;
    }

    .navi {
        min-height : 55px;
        padding-top: 0;
    }

    .content-a-layout h1 {
        text-align : left;
        color      : #fff;
        margin-top : 10%;
        font-weight: 700;
        font-size  : 40px;
        font-family: 'Open Sans', sans-serif;
    }

    #email-element,
    #name-element,
    #telephone-element {
        width: 100%;
        float: left;
    }

    .navbar-inverse .navbar-brand {
        color: #fff;
    }

    .logo img {
        width        : 100%;
        margin-bottom: 4%;
    }

    .content-a img {
        width: 100%;
    }

    .slider-full {
        padding-top: 0;
    }

    .list li {
        width      : 81%;
        float      : left;
        line-height: 2.5;
        color      : #fff;
        font-family: 'Source Sans Pro', sans-serif;
        font-size  : 16px;
    }

    .pad-left {
        margin-left: 0 !important;
    }

    .content-a {
        min-height : 230px;
        padding-top: 20px;
    }

    .content-j p {
        text-align : justify;
        color      : #f5a701;
        margin     : 10px 0;
        line-height: 1.5;
        font-family: 'Open Sans', sans-serif;
        font-size  : 12px;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 35px;
    }

    .header-r h2 a {
        text-align      : center;
        color           : #000;
        /* padding-right: 15px; */
        font-size       : 15px;
        padding-top     : 36px;
        /* border-left  : 1px solid #dde2e6; */
        padding-bottom  : 29px;
    }

    .header-r h2 {
        text-align    : center;
        color         : #000;
        padding-right : 0;
        font-size     : 15px;
        padding-top   : 0;
        /* border-left: 1px solid #dde2e6; */
        padding-bottom: 0;
    }

    .coco img {
        margin: 0 0 15px 0;
        width : 100%;
    }

    .coco h3 {
        margin-bottom: 10% !important;
    }

    .content-c-full {
        background: #c0c0c0;
        padding   : 4% 0 11%;
    }

    footer .custom-html-widget iframe {
        display: block;
        margin : 0 auto;
    }

    .header {
        min-height   : 140px;
        padding-left : 15px;
        padding-right: 15px;
        position     : relative;
    }

    .navbar-inverse {
        float     : none;
        background: #000;
    }

    .navbar-collapse {
        padding-right: 20px;
    }

    .logo {
        text-align      : center;
        /* border-bottom: 1px solid #ccc; */
    }

    .content-a h1 {
        margin-top: 15px;
        padding   : 0;
        font-size : 30px;
        text-align: center;
    }

    .content-a p {
        margin    : 20px 0;
        text-align: center;
        font-size : 17px !important;
    }
    .content-c p, .content-c li{
        font-size : 17px !important;  
    }
    .vc_custom_1601250801331,
    .vc_custom_1606369437488 {
        padding-left : 15px !important;
        padding-right: 15px !important;
    }

    .vc_custom_1606296697255 {
        padding-left : 15px !important;
        padding-right: 15px !important;
    }

    .roof-dhav-dotted {
        padding-left : 15px !important;
        padding-right: 15px !important;
        /* padding-bottom: 30px !important; */
    }
    .roof-main-wrap.container {
        padding-bottom: 25px !important;
    }
    .wpb_single_image img {
        padding: 5px;
    }
    .roof-main-wrap h2{
        margin-bottom: 20px !important;
    }
    .partner-logo-full {
        margin: 0 auto !important;
    }

    .c-img {
        padding: 15px 0;
    }

    .logobar {
        margin-top: 30px;
    }

    .logobar h5 {
        margin-top: 20px;
        height    : 20px;
    }

    .logobar p {
        font-size    : 13px;
        margin-bottom: 30px;
    }

    .yellow img {
        max-width : 83px;
        max-height: 83px;
    }

    .content-f {
        padding: 15px;
    }

    .tel {
        padding-left: 15px;
    }

    .social {
        float     : left;
        margin-top: 15px;
    }

    .footer p {
        font-size: 12px;
    }

    .map-container {
        position      : relative;
        padding-bottom: 58%;
        /* padding-top: 35px; */
        height        : 0;
        overflow      : hidden;
    }

    .content-k img {
        width: 100%;
    }

    .carousel-inner>.item>img {
        min-width: 100%;
        height   : auto;
    }

    .nav-full {
        background : transparent;
        height     : auto;
        padding-top: 8px;
    }

    #contact-form {
        position: inherit;
    }

    #map-container {
        position: inherit;
    }

}

/*large tab*/
@media (min-width: 768px) and (max-width: 991px) {
    .roof-social {
        display: none !important;
    }

    #map-container {
        position: inherit;
    }

    #map-container iframe {
        display   : block;
        margin-top: 10px;
        height    : 250px;
    }

    .logo img {
        margin-top   : 10px;
        /* width     : 100%; */
    }

    .header-r h2 a {
        text-align    : center;
        color         : #000;
        padding-right : 15px;
        font-size     : 14px;
        padding-top   : 36px;
        /* border-left: 1px solid #dde2e6; */
        padding-bottom: 40px;
    }

    #ourserv {
        height     : 221px;
        padding-top: 0;
    }

    .carousel-inner>.item>img {
        min-width: 100%;
        height   : auto;
    }

    .navi {
        min-height : 40px;
        padding-top: 0;
    }

    .header {}

    .header-r {
        padding-right: 30px;
    }

    .navbar-nav>li>a {
        padding: 15px 15px 10px 20px;
    }

    .content-a h1 {
        margin-top: 25px;
        font-size : 30px;
    }

    .content-a p {
        margin   : 15px 8px;
        font-size: 15px;
    }

    .main-img img {
        /* width: 85%; */
        margin: 23% 0 0;
    }

    .content-j h3 {
        font-size: 31px;
    }

    .content-c p,
    .content-c li {
        font-size: 17px !important;
    }

    .logobar h5 {
        font-size  : 16px;
        font-weight: 100 !important;
        margin-top : 20px;
        height     : 70px;
    }

    .logobar p {
        font-size: 12px;
    }

    .yellow img {
        max-width : 83px;
        max-height: 83px;
    }

    .content-f {
        padding-left : 15px;
        padding-right: 15px;
    }

    .map p {
        font-size: 17px;
    }

    .map h4 {
        font-size: 13px;
        height   : 35px;
    }

    .tel {
        padding-left: 17px;
    }

    .social {
        float: left;
    }

    .footer p {
        font-size: 12px;
    }

    .map-container {
        position      : relative;
        padding-bottom: 58%;
        /* padding-top: 35px; */
        height        : 0;
        overflow      : hidden;
    }

    .content-k h3 {
        font-size  : 33px;
        font-weight: 300;
        color      : #020101;
        text-align : left;
        font-size  : 16px;
        height     : 48px;
    }

    .company img {
        margin: 0 8px;
        width : 100%;
    }

    .navbar-nav {
        float    : left;
        margin   : 0;
        /* height: 85px; */
    }

    .nav-full {
        background : #000;
        height     : 95px;
        padding-top: 8px;
    }

    .coco {
        /* min-height: 475px; */
    }

    footer .custom-html-widget iframe {
        margin : 0 auto !important;
        display: block;
    }

    .vc_custom_1601250801331,
    .vc_custom_1606369437488 {
        padding-left : 15px !important;
        padding-right: 15px !important;
    }

    .vc_custom_1606296697255 {
        padding-left : 15px !important;
        padding-right: 15px !important;
    }

    .roof-dhav-dotted {
        padding-left : 15px !important;
        padding-right: 15px !important;
    }
    .roof-main-wrap h2 {
        font-size: 28px !important;
    }
    .roof-style-one .sticky-wrapper {
        height: 70px !important;
    }
}

/*large tab to larger screen*/
@media (min-width: 992px) and (max-width: 1199px) {
    .content-a p {
        font-size: 18px;
    }

    .coco {
        margin-left    : auto;
        margin-right   : auto;
        /* min-height  : 520px; */
    }

    #contact-form dd {
        margin: 30px 20px 0 0;
    }

    #map-container iframe {
        display   : block;
        margin-top: 10px;
        height    : 250px;
    }

    /* .container { */
    /* width: 966px; */
    /* } */
    .navbar-nav>li>a {
        padding       : 15px 4px 15px 5px;
        font-size     : 12px;
        text-transform: uppercase;
    }

    .coco img {
        margin: 0;
        width : 100%;
    }

    .orange p {
        min-height: 310px;
    }

    .content-e {
        padding-bottom: 20px;
    }

    .map h4 {
        font-size: 13px;
        height   : 35px;
    }

    .footer p {
        font-size: 12px;
    }

    .map-container {
        position      : relative;
        padding-bottom: 58%;
        /* padding-top: 35px; */
        height        : 0;
        overflow      : hidden;
    }
}

/*large screens and up*/
@media (min-width: 1200px) {}