@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900&display=swap');


*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
    margin: 0;
    padding: 0;
}

html {
    font-size: 15px;
}

body {
    font-size: 100%;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    color: #000;
    letter-spacing: 1px;
    margin-top: 70px;
}

body a {
    text-decoration: none !important;
}

section {
    padding: 70px 0;
}

.mb-30 {
    margin-bottom: 30px;
}

.short_banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url('../images/home_banner.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.short_banner .title {
    font-size: 350%;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
}

.bg_blue {
    background-color: #003E6F;
}

.bg_light_blue {
    background-color: #1FC4F1;
}

.bg_grey {
    background-color: #f9f9f9;
}

.section_title {
    line-height: 1;
}

.section_title .title {
    font-size: 200%;
    font-weight: 700;
    color: #003E6F;
    display: inline-block;
    position: relative;
    padding-top: 15px;
    text-transform: uppercase;
}

.section_title .title::before {
    content: '';
    position: absolute;
    left: calc(50% - 30px);
    /* transform: translateX(-50%); */
    top: -38px;
    width: 100px;
    background-image: url('../images/icons/plug.png');
    background-size: 48px 48px;
    height: 48px;
    background-repeat: no-repeat;
    transform: rotate(-15deg);
}

.white_title.section_title .title::before {
    background-image: url('../images/icons/plug_white.png');
}

.section_title .subtitle {
    text-transform: uppercase;
    font-size: 120%;
    font-weight: 700;
    margin-bottom: 5px;
}

.section_title.white_title .title {
    color: #fff;
}

.icon_list {
    list-style: none;
}

.icon_list li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 30px;
}

.icon_list li::before {
    content: '\f00c';
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'fontAwesome';
    color: #00afec;
}

.p-0 {
    padding: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.pt-0 {
    padding-top: 0;
}

.img-responsive {
    width: 100%;
}

.text_big {
    margin-bottom: 10px;
    font-size: 150%;
    font-weight: 600;
}

.web_content p {
    margin-bottom: 10px;
    text-align: justify;
}

.web_btn {
    background-color: #003E6F;
    border: 1px solid #003E6F;
    color: #fff;
    font-size: 90%;
    padding: 15px 25px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    background-image: linear-gradient(45deg, #fff 50%, transparent 50%);
    background-position: 100%;
    background-size: 400%;
    transition: background 300ms ease-in-out;
    display: inline-block;
}

.web_btn:hover,
.web_btn:focus {
    color: #003E6F;
    outline: 0;
    background-position: 0;
}

.web_btn.small_btn {
    padding: 10px 15px;
    font-size: 80%;
}

.web_list ul {
    list-style: none;
}

.web_list ul li {
    margin-bottom: 10px;
}

/* owl carousel */

/* fix blank or flashing items on carousel */

.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
}

/* end fix */

.owl-nav > div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    background: #000;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 2px;
}

.owl-nav i {
    font-size: 100%;
}

.owl-nav .owl-prev {
    left: -15px;
}

.owl-nav .owl-next {
    right: -15px;
}

.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 15px;
}

.owl-carousel .owl-dot {
    display: inline-block;
    margin-right: 10px;
}

.owl-carousel .owl-dot span {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #eee;
    border-radius: 50%;
    transition: all .5s;
}

.owl-carousel .owl-dot.active span {
    background-color: #000;
    width: 20px;
    border-radius: 10px;
}

/* //owl carousel */

/* navbar */

.navbar {
    margin-bottom: 0;
    box-shadow: 0 15px 40px -20px rgba(40, 44, 63, .35);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 0;
    border: 0;
}

.navbar-nav > li > a {
    color: #000;
    font-size: 100%;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 90%;
    outline: none !important;
}

.navbar-nav > li > a:after {
    content: '';
    width: 0%;
    transition: all 0.3s ease;
    left: 50%;
    outline: none !important;
}

.navbar-nav > li > a:before {
    content: '';
    width: 0%;
    transition: all 0.3s ease;
    left: 50%;
    outline: none !important;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.home_nav .navbar-nav > li.home_active > a,
.contact_nav .navbar-nav > li.contact_active > a,
.cat_nav .navbar-nav > li.cat_active > a,
.about_nav .navbar-nav > li.about_active > a {
    color: #003E6F;
}

.navbar-nav > li > a:hover:after,
.navbar-nav > li > a:focus:after,
.home_nav .navbar-nav > li.home_active > a:after,
.contact_nav .navbar-nav > li.contact_active > a:after,
.cat_nav .navbar-nav > li.cat_active > a:after,
.about_nav .navbar-nav > li.about_active > a:after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 50%;
    background: #003E6F;
    height: 5px;
    width: 50%;
}

.navbar-nav > li > a:hover:before,
.navbar-nav > li > a:focus:before,
.home_nav .navbar-nav > li.home_active > a:before,
.contact_nav .navbar-nav > li.contact_active > a:before,
.cat_nav .navbar-nav > li.cat_active > a:before,
.about_nav .navbar-nav > li.about_active > a:before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0px;
    background: #003E6F;
    height: 5px;
    width: 50%;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent;
}

.navbar-toggle {
    border-color: transparent;
}

.navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-brand {
    padding: 0;
    display: block;
    height: 70px;
    background-color: #003E6F;
}

.navbar-brand > img {
    height: 70px;
}

/*dropdown*/

.dropdown-menu {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    min-width: 200px;
    border: 0;
}

.dropdown-menu > li > a {
    padding: 10px 15px;
    border-left: 4px solid transparent;
}

.dropdown-menu > li > a:hover {
    border-color: #003E6F;
}

/*//dropdown*/

/* //navbar */

/*home*/

/*video*/

.home_video video {
    width: 100%;
}

/*//video*/

/*banner*/

.home_banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url('../images/home_banner.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 0;
    min-height: 90vh;
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.home_banner::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 100%;
    background-color: rgba(0, 62, 111, 0.5);
    z-index: -1;
}

.banner_content {
    padding: 0 50px;
}

.banner_content .title {
    font-size: 300%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1;
}

.banner_content .title span {
    display: block;
}

.banner_content .title .small_title {
    font-size: 60%;
    margin-bottom: 10px;
}

.banner_content .title .big_title {
    font-size: 160%;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    margin-top: 5px;
}

/*//banner*/

/*services*/

.services_wrap {
    margin-top: 30px;
}

/*.service_box .img img {
    width: 200px;
}

.service_box {
    text-align: center;
    border: 1px solid #eee;
    padding: 15px 15px 45px;
    position: relative;
    margin-top: 30px;
}

.service_box .name {
    position: absolute;
    left: 0;
    bottom: -10px;
    padding: 15px;
    text-align: center;
    width: 80%;
    margin: 0 10%;
    background-color: #f9f9f9;
    color: #003E6F;
    font-size: 110%;
    font-weight: 600;
}

.service_box .num {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 0 50% 50% 0;
    background-color: #1FC4F1;
    color: #fff;
    font-size: 150%;
}*/

.services_box_wrap {
    position: relative;
    height: 450px;
    width: 450px;
    margin: 0 auto;
/*    -webkit-animation: rotation 20s infinite linear;*/
}

.services_box_wrap .service_box .name {
    font-size: 110%;
    font-weight: 600;
    position: relative;
    top: -10px;
}

.services_box_wrap::before {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 5px solid #19C5F1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #eee;
}

.services_box_wrap::after {
    content: '';
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    border: 5px solid #eee;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    z-index: -1;
}

.services_box_wrap .service_box {
    position: absolute;
    text-align: center;
}

.services_box_wrap .service_box:first-child {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.services_box_wrap .service_box:nth-child(2) {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.services_box_wrap .service_box:nth-child(3) {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.services_box_wrap .service_box:nth-child(4) {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.service_box img {
    height: 96px;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}

/*//services*/

/*wedo*/

#wedo .web_img {
    margin-top: 30px;
}

.wedo_wrap {
    margin-top: 30px;
}

/*//wedo*/

/*serve*/

.serve_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.serve_box {
    margin-top: 20px;
    width: calc(100%/5);
    text-align: center;
}

.serve_box img {
    width: 64px;
}

.serve_box .content {
    margin: 0 10px;
    background: #fff;
    padding: 15px 10px 25px;
}

/*//serve*/

/*expertise*/

.home_expertise .web_list {
    margin-top: 15px;
}

.home_expertise .web_list ul li {
    width: 50%;
    float: left;
    font-size: 110%;
    position: relative;
    padding-left: 30px;
}

.home_expertise .web_list li::before {
    content: '\f0b1';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'fontAwesome';
    color: #003E6F;
    font-size: 120%;
}

/*//expertise*/

/*about*/

.intro_wrap {
    margin-top: 30px;
}

.intro_box {
    padding: 15px;
    background-color: #fff;
    margin-top: 15px;
    min-height: 240px;
}

.intro_box:last-child {
    border-bottom: 0;
}

.intro_box img {
    height: 48px;
    margin-right: 10px;
}

.intro_box .text_big {
    padding: 10px 15px;
    background-color: #1FC4F1;
    font-size: 130%;
}

/*//about*/

/*contact*/

label.error {
    color: #f00;
    font-weight: normal;
    margin-top: 5px;
}

#mail_sent {
    text-align: center;
    color: #003E6F;
    background-color: #f9f9f9;
    border: 0;
    margin-bottom: 0;
}

#contact a {
    color: #000;
}

.contact_wrap {
    margin-top: 30px;
}

.form-group {
    margin-bottom: 25px;
}

.form-control {
    height: 45px;
    padding: 15px 20px;
    font-size: 100%;
    vertical-align: middle;
    border-radius: 0;
    box-shadow: none;
}

textarea.form-control {
    height: 100px;
    resize: none;
}

.form-control:focus {
    border-color: #003E6F;
    box-shadow: none;
}

.contact_form {
    padding: 30px;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(../images/bg_dots.jpg);
}

.contact_form .form-control {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #000;
    color: #000;
}

/*//contact*/

/*categories*/

.home_categories {
    margin-bottom: 70px;
}

.home_categories .section_title {
    position: relative;
    top: 70px;
}

.cat_wrap {
    position: relative;
    top: 70px;
    margin-top: 10px;
}

.cat_box {
    position: relative;
    overflow: hidden;
    margin: 0 10px;
    border: 1px solid #eee;
}

.cat_box img {
    transform: scale(1);
    transition: all .5s;
}

.cat_box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: all .5s;
}

.cat_box .name {
    font-size: 140%;
    font-weight: 700;
    position: absolute;
    left: 30px;
    bottom: -20px;
    color: #fff;
    transition: all .5s;
}

.cat_box:hover::before {
    opacity: 1;
    z-index: 2;
}

.cat_box:hover img {
    transform: scale(1.4);
}

.cat_box:hover .name {
    bottom: 20px;
    z-index: 3;
}

/*//categories*/

/*testimonials*/

.testi_wrap {
    margin-top: 10px;
}

.testi_box {
    margin: 0 10px;
    padding: 0 30px;
    position: relative;
}

.testi_box::before {
    content: '\f10d';
    display: block;
    right: 30px;
    bottom: 0;
    position: absolute;
    font-size: 500%;
    font-family: 'fontAwesome';
    opacity: .2;
    transform: rotate(180deg);
    color: #003E6F;
}

.testi_box img {
    width: 96px !important;
    margin-bottom: 20px;
}

.testi_box .desc {
    text-align: justify;
}

.testi_box .name {
    font-weight: 600;
    margin-top: 10px;
    font-size: 120%;
}

.testi_box .desg {
    color: #555;
}

/*//testimonials*/

/*clients*/

.cli_box {
    margin: 0 10px;
    border: 1px solid #eee;
}

/*//clients*/

/*//home*/

/*product*/

.cat_section {
    padding-bottom: 40px;
}

.prod_card_box {
    background-color: #fff;
    box-shadow: 0 0 10px 0 #eee;
    position: relative;
    z-index: 1;
    border: 1px solid #eee;
    margin-bottom: 30px;
}

.prod_card_box::before {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 100%;
    height: 100%;
    background-color: #1FC4F1;
    z-index: -1;
}

.prod_card_box .content {
    padding: 15px;
    background-color: #fff;
    text-align: center;
    border-top: 1px solid #eee;
}

.prod_card_box .title {
    font-weight: 600;
    margin-bottom: 10px;
    min-height: 64px;
}

.prod_card_box .img {
    overflow: hidden;
}

.prod_card_box img {
    transform: scale(1);
    transition: all .5s;
}

.prod_card_box:hover img {
    transform: scale(1.4);
}

#productView .owl-nav {
    display: none;
}

#productThumb {
    padding: 0 30px;
}

#productThumb .owl-nav > div {
    margin-top: -16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.productImg img {
    margin-bottom: 15px;
}

.productThumb img {
    border: 1px solid #000;
    width: 90%;
    margin: 0 auto;
}

.prod_box .short_details .name {
    font-size: 200%;
    font-weight: 700;
    margin-bottom: 15px;
}

.prod_box .short_details .social_box {
    margin-top: 15px;
}

/*//product*/

/*accordion*/

.accordion {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}

.accordion-item {
    position: relative;
}

.accordion-toggle {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 15px;
    padding-right: 30px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #cdcdcd;
    background-color: #ffffff;
    font-size: 110%;
    font-weight: 500;
    line-height: inherit;
    text-align: left;
}

.accordion-toggle:hover {
    background-color: #1FC4F1;
    color: #fff;
}

.is-open > .accordion-toggle {
    background-color: #1FC4F1;
    color: #ffffff;
}

.accordion-panel {
    background-color: #ffffff;
    border-bottom: 1px solid #cdcdcd;
}

.accordion-panel > *:last-child {
    margin-bottom: 0;
}

.accordion-panel {
    padding: 20px;
    font-size: 100%;
}

.accordion-panel ol {
    padding-left: 25px;
}

.arrow {
    position: absolute;
    -webkit-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
    margin-top: 26px;
    right: 0;
    padding-right: 20px;
    cursor: pointer;
}

.arrow:before,
.arrow:after {
    content: "";
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    position: absolute;
    background-color: black;
    width: 3px;
    height: 9px;
}

.is-open > .arrow:before,
.is-open > .arrow:after {
    background-color: white;
}

.is-open > .arrow:before {
    -webkit-transform: translate(-2px, 0) rotate(45deg);
    transform: translate(-2px, 0) rotate(45deg);
}

.arrow:before {
    -webkit-transform: translate(2px, 0) rotate(45deg);
    transform: translate(2px, 0) rotate(45deg);
}

.is-open > .arrow:after {
    -webkit-transform: translate(2px, 0) rotate(-45deg);
    transform: translate(2px, 0) rotate(-45deg);
}

.arrow:after {
    -webkit-transform: translate(-2px, 0) rotate(-45deg);
    transform: translate(-2px, 0) rotate(-45deg);
}

/*//accordion*/

/*contact*/



/*//contact*/

/*bottom bar mobile*/

#mb_bottom_bar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9990;
    right: 0;
    background-color: #fff;
}

#mb_bottom_bar > a {
    width: calc(100%/3 - 3px);
    display: inline-block;
    text-align: center;
    padding: 10px;
    color: #003E6F;
}

#mb_bottom_bar > a i {
    display: block;
    margin-bottom: 5px;
    font-size: 150%;
}

#mb_bottom_bar > a:nth-child(2) {
    background-color: #003E6F;
    color: #fff;
}

/*//bottom bar mobile*/

/*right fixed button*/

#right-fixed-quote {
    position: fixed;
    z-index: 999;
    right: 10px;
    writing-mode: tb;
    top: 50%;
    color: #fff;
    height: 180px;
    transform: translateY(-50%) rotate(180deg);
}

#right-fixed-quote a {
    background: #003E6F;
    padding: 15px 10px;
    color: #fff;
    text-decoration: none !important;
}

/*//right fixed button*/

/*web modal*/



.web_modal .modal-body {
    padding: 30px;
}

#calcModal.web_modal .modal-body {
    height: 70vh;
    overflow-y: auto;
}

.web_modal .modal-content {
    border-radius: 0;
    box-shadow: none;
    border: 0;
}

.web_modal .modal-content .modal-header {
    background-color: #003E6F;
    border: 0;
}

.web_modal .modal-content .modal-header .modal-title {
    color: #fff;
    font-size: 180%;
}

.web_modal .modal-header .close {
    font-size: 200%;
    color: #fff;
    opacity: 1;
    outline: none !important;
}

/*//web modal*/

#enquire_form_modal {
    z-index: 9999;
}


/* footer */

.footer_box .footer_title {
    font-size: 160%;
    font-weight: 700;
    margin-bottom: 15px;
    color: #003E6F;
}

.footer_box .footer_about {
    margin-bottom: 15px;
}

.contact_section {
    position: relative;
}

.contact_section::before {
    content: '';
    width: 200px;
    height: 200px;
    background-image: url(../images/icons/send.png);
    background-size: 200px;
    position: absolute;
    left: 50px;
    bottom: 50px;
    opacity: .5;
}

.contact_box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.contact_box .content {
    width: calc(100% - 40px);
}

.contact_box .icon {
    width: 30px;
    text-align: center;
    margin-right: 10px;
    color: #003E6F;
}

.contact_box .icon i {
    font-size: 150%;
    position: relative;
    top: 2px;
}

.contact_box .title {
    font-size: 110%;
    font-weight: 600;
    margin-bottom: 5px;
}

.inn_body_contact .contact_box {
    margin-bottom: 10px;
}

.inn_body_contact .contact_box .icon {
    margin-right: 5px;
}

.inn_body_contact .contact_box .icon i {
    font-size: 100%;
    top: 0;
    color: #231F20;
}

.inn_body_contact .contact_box .content {
    width: calc(100% - 40px);
}

.footer_links {
    list-style: none;
}

.footer_links li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.footer_links li::before {
    content: "\f105";
    position: absolute;
    left: 0;
    display: block;
    font-family: "FontAwesome";
    font-size: 120%;
}

.footer a {
    color: #000;
}

.subscribe_form {
    margin: 20px 0;
}

.footer_map iframe {
    width: 100%;
    height: 250px;
}

.subscribe_form form {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.subscribe_form form .form-control {
    width: 200px;
    margin-right: 10px;
}

.subscribe_form .web_btn {
    margin-top: 0;
}

.links_list {
    list-style: none;
}

.links_list li {
    display: inline-block;
}

.social_links .web_btn {
    margin-top: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 5px;
    background-color: #fff;
    border-width: 1px;
}

/* social colors */

.social_links .web_btn.facebook {
    background-color: #3B5998;
    color: #fff;
    border-color: #3B5998;
}

.social_links .web_btn.facebook:hover {
    border-color: #3B5998;
    color: #3B5998;
}

.social_links .web_btn.google {
    background-color: #DE4E43;
    color: #fff;
    border-color: #DE4E43;
}

.social_links .web_btn.google:hover {
    border-color: #DE4E43;
    color: #DE4E43;
}

.social_links .web_btn.twitter {
    background-color: #1EA1F3;
    color: #fff;
    border-color: #1EA1F3;
}

.social_links .web_btn.twitter:hover {
    border-color: #1EA1F3;
    color: #1EA1F3;
}

.social_links .web_btn.linkedin {
    background-color: #007BB6;
    color: #fff;
    border-color: #007BB6;
}

.social_links .web_btn.linkedin:hover {
    border-color: #007BB6;
    color: #007BB6;
}

.social_links .web_btn.youtube {
    background-color: #CE201F;
    color: #fff;
    border-color: #CE201F;
}

.social_links .web_btn.youtube:hover {
    border-color: #CE201F;
    color: #CE201F;
}

.social_links .web_btn.instagram {
    background-color: #231F20;
    color: #fff;
    border-color: #231F20;
}

.social_links .web_btn.instagram:hover {
    border-color: #231F20;
    color: #231F20;
}


/*whatsapp*/

.mobNum {
    color: #FFF;
    position: fixed;
    left: 2%;
    bottom: 10px;
    z-index: 99;
    font-size: 90%;
    background: #19BEEA;
    padding: 10px 15px;
    border-radius:20px;
    /*width: 220px;*/
    text-align: center;
}

.mobNum .fa{
    margin-right:15px;
     margin-left:15px;
}

.mobNum:hover,.mobNum:focus{
    color: #FFF;
}

/* //social colors */

#copyright {
    padding: 25px 0;
    border-top: 1px solid #eee;
    background: #000;
    color: #fff;
    text-align: center;
}

#copyright a {
    color: #fff;
}

/* //footer */