@import url(https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css);
html{
    scroll-behavior: smooth;
}
body {    font-family: 'Roboto', sans-serif;    font-size: 15px;    color: #777777;    line-height: 1.9em;    font-weight: 400;    overflow-x: hidden;    margin: auto;    background: #fff;}
html,
body {    height: 100%;}
h1,
h2,
h3,
h4,
h5,
h6 {    color: #333;    font-family: 'Montserrat', sans-serif;    font-weight: 600;}
a {    color: #ed3237;    font-family: 'Roboto', sans-serif;    text-decoration: none;    -webkit-transition: all 0.2s;    transition: all 0.2s;}
a:focus,
a:hover {   color: #ed3237;    text-decoration: none;}
a:focus {    outline: none;    text-decoration: none;}
.btn.focus, .btn:focus {	outline: 0;	box-shadow: none;}
p {    line-height: 26px;    margin-bottom: 0;}
ul,li {    margin: 0;    padding: 0;   list-style: none;}
fieldset {   border: 0 none;    margin: 0 auto;    padding: 0;}
/*START PRELOADER DESIGN*/
#page-preloader {    background: #ffffff;    position: fixed;    left: 0;   top: 0;    right: 0;    bottom: 0;    z-index: 999999;}
.preload-tetrominos {    position: absolute;    left: 50%;    top: 50%;    transform: translate(-109px, -94px);    -o-transform: translate(-109px, -94px);    -ms-transform: translate(-109px, -94px);    -webkit-transform: translate(-109px, -94px);    -moz-transform: translate(-109px, -94px);}
.preload-tetromino {    width: 45px;    height: 55px;    position: absolute;    transition: all ease 0.35s;    -o-transition: all ease 0.35s;    -ms-transition: all ease 0.35s;    -webkit-transition: all ease 0.35s;    -moz-transition: all ease 0.35s;    background: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 684"%3E%3Cpath fill="%23010101" d="M305.7 0L0 170.9v342.3L305.7 684 612 513.2V170.9L305.7 0z"/%3E%3Cpath fill="%23fff" d="M305.7 80.1l-233.6 131 233.6 131 234.2-131-234.2-131"/%3E%3C/svg%3E') no-repeat top center;}
.preload-box1 {    animation: preload-tetromino1 1.73s ease-out infinite;    -o-animation: preload-tetromino1 1.73s ease-out infinite;    -ms-animation: preload-tetromino1 1.73s ease-out infinite;    -webkit-animation: preload-tetromino1 1.73s ease-out infinite;    -moz-animation: preload-tetromino1 1.73s ease-out infinite;}
.preload-box2 {    animation: preload-tetromino2 1.73s ease-out infinite;    -o-animation: preload-tetromino2 1.73s ease-out infinite;    -ms-animation: preload-tetromino2 1.73s ease-out infinite;    -webkit-animation: preload-tetromino2 1.73s ease-out infinite;    -moz-animation: preload-tetromino2 1.73s ease-out infinite;}
.preload-box3 {    animation: preload-tetromino3 1.73s ease-out infinite;    -o-animation: preload-tetromino3 1.73s ease-out infinite;    -ms-animation: preload-tetromino3 1.73s ease-out infinite;    -webkit-animation: preload-tetromino3 1.73s ease-out infinite;    -moz-animation: preload-tetromino3 1.73s ease-out infinite;    z-index: 2;}
.preload-box4 {    animation: preload-tetromino4 1.73s ease-out infinite;    -o-animation: preload-tetromino4 1.73s ease-out infinite;    -ms-animation: preload-tetromino4 1.73s ease-out infinite;    -webkit-animation: preload-tetromino4 1.73s ease-out infinite;    -moz-animation: preload-tetromino4 1.73s ease-out infinite;}
@keyframes preload-tetromino1 {
    0%, 40% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(47px, -26px);
    }
    60%,
    100% {
        transform: translate(94px, 0);
    }
}
@-o-keyframes preload-tetromino1 {
    0%, 40% {
        -o-transform: translate(0, 0);
    }
    50% {
        -o-transform: translate(47px, -26px);
    }
    60%,
    100% {
        -o-transform: translate(94px, 0);
    }
}
@-ms-keyframes preload-tetromino1 {
    0%, 40% {
        -ms-transform: translate(0, 0);
    }
    50% {
        -ms-transform: translate(47px, -26px);
    }
    60%,
    100% {
        -ms-transform: translate(94px, 0);
    }
}
@-webkit-keyframes preload-tetromino1 {
    0%, 40% {
        -webkit-transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(47px, -26px);
    }
    60%,
    100% {
        -webkit-transform: translate(94px, 0);
    }
}
@-moz-keyframes preload-tetromino1 {
    0%, 40% {
        -moz-transform: translate(0, 0);
    }
    50% {
        -moz-transform: translate(47px, -26px);
    }
    60%,
    100% {
        -moz-transform: translate(94px, 0);
    }
}
@keyframes preload-tetromino2 {
    0%, 20% {
        transform: translate(94px, 0px);
    }
    40%,
    100% {
        transform: translate(140px, 26px);
    }
}
@-o-keyframes preload-tetromino2 {
    0%, 20% {
        -o-transform: translate(94px, 0px);
    }
    40%,
    100% {
        -o-transform: translate(140px, 26px);
    }
}
@-ms-keyframes preload-tetromino2 {
    0%, 20% {
        -ms-transform: translate(94px, 0px);
    }
    40%,
    100% {
        -ms-transform: translate(140px, 26px);
    }
}
@-webkit-keyframes preload-tetromino2 {
    0%, 20% {
        -webkit-transform: translate(94px, 0px);
    }
    40%,
    100% {
        -webkit-transform: translate(140px, 26px);
    }
}
@-moz-keyframes preload-tetromino2 {
    0%, 20% {
        -moz-transform: translate(94px, 0px);
    }
    40%,
    100% {
        -moz-transform: translate(140px, 26px);
    }
}
@keyframes preload-tetromino3 {
    0% {
        transform: translate(140px, 26px);
    }
    20%,
    60% {
        transform: translate(94px, 53px);
    }
    90%,
    100% {
        transform: translate(47px, 26px);
    }
}
@-o-keyframes preload-tetromino3 {
    0% {
        -o-transform: translate(140px, 26px);
    }
    20%,
    60% {
        -o-transform: translate(94px, 53px);
    }
    90%,
    100% {
        -o-transform: translate(47px, 26px);
    }
}
@-ms-keyframes preload-tetromino3 {
    0% {
        -ms-transform: translate(140px, 26px);
    }
    20%,
    60% {
        -ms-transform: translate(94px, 53px);
    }
    90%,
    100% {
        -ms-transform: translate(47px, 26px);
    }
}
@-webkit-keyframes preload-tetromino3 {
    0% {
        -webkit-transform: translate(140px, 26px);
    }
    20%,
    60% {
        -webkit-transform: translate(94px, 53px);
    }
    90%,
    100% {
        -webkit-transform: translate(47px, 26px);
    }
}
@-moz-keyframes preload-tetromino3 {
    0% {
        -moz-transform: translate(140px, 26px);
    }
    20%,
    60% {
        -moz-transform: translate(94px, 53px);
    }
    90%,
    100% {
        -moz-transform: translate(47px, 26px);
    }
}
@keyframes preload-tetromino4 {
    0%, 60% {
        transform: translate(47px, 26px);
    }
    90%,
    100% {
        transform: translate(0, 0);
    }
}
@-o-keyframes preload-tetromino4 {
    0%, 60% {
        -o-transform: translate(47px, 26px);
    }
    90%,
    100% {
        -o-transform: translate(0, 0);
    }
}
@-ms-keyframes preload-tetromino4 {
    0%, 60% {
        -ms-transform: translate(47px, 26px);
    }
    90%,
    100% {
        -ms-transform: translate(0, 0);
    }
}
@-webkit-keyframes preload-tetromino4 {
    0%, 60% {
        -webkit-transform: translate(47px, 26px);
    }
    90%,
    100% {
        -webkit-transform: translate(0, 0);
    }
}
@-moz-keyframes preload-tetromino4 {
    0%, 60% {
        -moz-transform: translate(47px, 26px);
    }
    90%,
    100% {
        -moz-transform: translate(0, 0);
    }
}
.topcontrol {    background: #ed3237;    color: #fff;    font-size: 26px;    cursor: pointer;    height: 40px;    width: 40px;    position: fixed;    bottom: 5px;    right: 5px;    z-index: 999;    text-align: center;    line-height: 40px;    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);    opacity: 1;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";    filter: alpha(opacity=100);    -webkit-transition: all 0.2s ease 0s;    transition: all 0.2s ease 0s;}
.topcontrol:hover {    background: #333;    color: #fff;}
/* HELPER CLASSES */
.section-padding {    padding: 50px 0;    position: relative;    float: left;    width: 100%; }
.section-back-image {    background-size: cover;    background-position: center center;    background-attachment: fixed;}
.pt-0 {    padding-top: 0}
.pb-0 {    padding-bottom: 0}
.no-padding {    padding: 0}
.no-margin {    margin: 0}
.mt-40 {    margin-top: 40px;}
.mb-40 {    margin-bottom: 40px;}
.bg-theme {    background-color: #ed3237 !important;    border-color: #ed3237 !important;}
.bg-gray {    background-color: #f9f9f9 !important;}
.bg-dark {    background-color: #333 !important;}
.bg-main-1 {    background-color: #2171b9;}
.bg-main-2 {    background-color: #155997;}
.bg-main-3 {    background-color: #33455e;}
.cursor-pointer {cursor: pointer}
.overlay {    position: relative;    z-index: 1;}
.overlay:before {    background: rgba(0, 0, 0, 0.8);    content: "";   height: 100%;    left: 0;    opacity: 0.8;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";    position: absolute;    top: 0;    width: 100%;    z-index: -1;}
.auto-container {    position: static;    max-width: 1200px;    padding: 0px 15px;    margin: 0 auto;}
.text-decoration-underline {    text-decoration: underline !important;}
.text-decoration-none {    text-decoration: none !important;}
.title-white {    color: #fff !important;}
/*START SECTION TITLE DESIGN*/
.section-title {    margin-bottom: 50px}
.section-title h3 {   color: #333;    font-size: 30px;    margin: 0;    text-transform: capitalize;    position: relative;}
.section-title h5 {    font-size: 13px;    text-transform: uppercase;}
.section-title h3 span {    font-weight: 400; color: #00aaff;}
.section-title span.line {    background-color: #ddd;    height: 1px;    width: 28%;    font-size: 28px;   display: inline-block;    position: relative;    margin: 21px auto 18px;}
.section-title span.line:before {    position: absolute;    content: "";    height: 5px;    width: 50px;    background-color: #2171b9;    top: -2px;    border-radius: 30px;    left: 50%;    margin-left: -28px;}
.section-title h3.section-title-white,
.section-title h5.section-title-white,
.section-title p.section-dec-white {    color: #fff;}
.section-title span.line.section-title-white-span {    color: #fff;}
.section-title i {    margin: 0 auto;    display: block;    font-size: 50px;    margin-bottom: 20px;}
.section-title p {    margin: auto;    padding: 0 20px;    width: 65%;    position: relative;}
.section-title-left {    margin-bottom: 60px;}
.section-title-left p {    margin: 0;    padding: 0;    width: 100%;   position: relative;}
.section-title-left span.line {    margin: 18px 0 15px;    display: block;    width: 53%;}
.section-title-left span.line:before {    left: 0;    margin-left: 0;}
.main-header .top-area {    background: #fff;    border-bottom: 1px solid #ddd; padding: 10px;}
.main-header .top-area a {    color: #282828;}
.main-header .top-area .social {    float: right;}

.main-header .top-area .social ul li {        float: left;}
.main-header .top-area .social ul li:hover {    border-color: #2171b9;}
.main-header .top-area .social ul li a {    display: block;}
.main-header .top-area .social ul li a:hover i {   font-size: 20px;}
.main-header .top-area .social ul li a i { font-size: 20px;    text-align: center;    width: 35px;    height: 35px;    line-height: 35px;    display: block;    -webkit-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s; color: #fff ;  border-radius: 10px;}
.main-header .top-area .social ul li:first-child a i { background: #1877F2  ;}
.main-header .top-area .social ul li:nth-child(2) a i { background: #40BFF5;  }
.main-header .top-area .social ul li:nth-child(3) a i { background: linear-gradient(45deg,     #feda75,     #fa7e1e,      #d62976,      #962fbf,       #4f5bd5  );}
.main-header .top-area .social ul li:last-child a i { background: #E60023}








.main-header .top-area .social ul li a:hover i {    font-size: 25px;    }
.main-header .top-area .info-menu {    float: left;}
.main-header .top-area .info-menu li {    display: inline-block;}
.main-header .top-area .info-menu li a {    display: block;    margin-right: 10px;    line-height: 60px;}
.main-header .top-area .info-menu li a i {    color: #ed3237;    font-size: 20px;    margin-right: 5px;}
.main-header .top-area .info-menu li a:hover {    color: #2171b9;}
.main-header .logo-area {    position: relative;    padding: 12px 0px;    background: #ffffff;    transition: all 500ms ease;    -moz-transition: all 500ms ease;    -webkit-transition: all 500ms ease;    -ms-transition: all 500ms ease;    -o-transition: all 500ms ease;}
.main-header .logo-area .header-info-box {    position: relative;    float: left;    margin-left: 66px;    padding: 4px 20px 0 80px;    border: 1px solid #ddd;   border-radius: 5px;}
.main-header .logo-area .header-info-box .header-info-icon {    position: absolute;    left: 0;    top: 6px;    width: 57px;    height: 36px;    padding-left: 8px;    border-right: 2px solid #2171b9;    color: #2171b9;    font-size: 34px;    text-align: left;    line-height: 37px;    -moz-transition: all 300ms ease;    -webkit-transition: all 300ms ease;    -ms-transition: all 300ms ease;    -o-transition: all 300ms ease;    transition: all 300ms ease;}
.main-header .logo-area .header-info-box h6 {    margin: 0 0 5px;    font-weight: 700;    text-transform: capitalize;}
.main-header .logo-area .header-info-box p {    color: #282828;}
.main-header .logo-area .header-info-box:last-child {    padding-left: 0px;    border: none;}
.quote-btn {    color: #333;    padding: 8px 36px;    margin-top: 3px;    border-radius: 30px;    text-transform: uppercase;    font-weight: 700;    position: relative;    background: transparent;    border: 2px solid #333;    display: inline-block;    vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;   -moz-osx-font-smoothing: grayscale;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.quote-btn:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    border-radius: 30px;    background: #2171b9;    -webkit-transform: scaleX(0);    transform: scaleX(0);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.quote-btn:hover,
.quote-btn:focus,
.quote-btn:active {    color: #fff;    border-color: #2171b9;}
.quote-btn:hover:before,
.quote-btn:focus:before,
.quote-btn:active:before {    -webkit-transform: scaleX(1);    transform: scaleX(1);}
.sticky-menu {    position: relative;    z-index: 99;    width: 100%;}
.mainmenu-area.menu-animation {    -ms-animation-name: fadeInDown;    -moz-animation-name: fadeInDown;    -op-animation-name: fadeInDown;    -webkit-animation-name: fadeInDown;    animation-name: fadeInDown;    -ms-animation-duration: 500ms;    -moz-animation-duration: 500ms;    -op-animation-duration: 500ms;    -webkit-animation-duration: 500ms;    animation-duration: 500ms;}
.main-header .mainmenu-area.menu-animation .navbar ul li.active a {    box-shadow: none;}
.main-header .mainmenu-area {    background-color: #ffff;    text-transform: uppercase;    width: 100%;    position: relative;    z-index: 999;    transition: all 0.4s ease-in-out;    -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;   -o-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out; border-bottom: 1px solid #2171b9;}
.main-header .mainmenu-area .navbar-nav .nav-link {    color: #000;    font-weight: 600;   border-radius: 8px; position: relative; font-size: 14px;}
.main-header .mainmenu-area .navbar {    padding: 0; justify-content: center;}
/* .main-header .mainmenu-area .navbar ul li.active a {    background-color: #f17821;    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);} */
ul.navbar-nav li{ position: relative;}
ul.navbar-nav li::after{ position: absolute; content: ''; bottom: 0; left: 0; height: 2px; width: 0%; background-color: #ff7133; transition: .7s;}
ul.navbar-nav li:hover:after{ width: 100%;}
.dropdown-menu {    display: block;    min-width: 235px;    opacity: 0;    padding: 0;    top: 130%;    visibility: hidden;    opacity: 0;    border-radius: 0;    border: none;    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);    transform: translateY(20px);    -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    -o-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;}
.main-header .mainmenu-area .navbar ul li:hover .dropdown-menu {    opacity: 1;    transform: translateY(0);}
.dropdown-menu li > a {    clear: both;    display: block;    line-height: 1.42857;    padding: 12px 0 11px 20px;    text-transform: capitalize;    color: #333;    background: #fff !important;    box-shadow: none !important;    vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.dropdown-menu li:not(:last-child) > a {    border-bottom: 1px solid #ddd;}
.main-header .mainmenu-area .navbar .dropdown-menu li > a.active {} 
.dropdown-menu li > a:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    background: #f17821;    -webkit-transform: scaleX(0);    transform: scaleX(0);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.dropdown-menu li > a:hover:before,
.dropdown-menu li > a:focus:before,
.dropdown-menu li > a:active:before {    -webkit-transform: scaleX(1);    transform: scaleX(1);}
.dropdown-menu li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active {    color: #fff !important;}
.dropdown:hover > .dropdown-menu {    opacity: 1;    top: 97%;    visibility: visible;}
.dropdown-menu .dropdown > .dropdown-menu {    left: 300%;    margin-top: -1px;    min-width: 170px;    opacity: 0;    padding: 0;    position: absolute;    top: 0;    visibility: hidden;    display: block;}
.dropdown-menu .dropdown:hover > .dropdown-menu {    visibility: visible;    opacity: 1;    left: 100.5%;}
.main-header .header-search ul li.menuleft-address {    text-align: right;    padding: 10px 34px;    float: left;    color: #fff;    font-weight: 600;        background: #33455e;}
.main-header .header-search ul li.menuleft-search {    float: left;}
.menuleft-search a i {    text-align: center;    background-color: rgba(0, 0, 0, 0.5);    color: #fff;    display: block;    width: 60px;    line-height: 72px;}
.main-header .header-search .dropdown-menu {    right: 15px;    left: auto;}
.main-header .header-search .dropdown:hover .dropdown-menu {    top: 90%;}
.main-header .header-search .dropdown {    position: static;}
.main-header .header-search .dropdown li {    margin: 0;}
.main-header .header-search .dropdown-menu {    background-color: transparent;    border: none;    border-radius: 0;    box-shadow: none;    display: block;    min-width: 200px;    z-index: 999;}
.main-header .header-search .form-control {    height: 50px;    border-radius: 25px;    border: 2px solid #ed3237;    background: #fff;    box-shadow: none;    display: inline;}
.main-header .header-search form .form-control:hover,
.main-header .header-search form .form-control:focus {    color: #333;   border: 2px solid #ed3237;    box-shadow: none;    outline: 0 none;}
.main-header .header-search form .btn {    color: #333;    cursor: pointer;    background-color: transparent;    position: absolute;    bottom: 0;    right: 0;    top: -5px;    width: 50px;}
.main-header .header-search form .btn:focus {    box-shadow: none;}
.main-header .header-search .form-group {    margin-bottom: 0;}
.main-header .header-search form .form-group i {    position: absolute;    right: 0;    top: 39%;    left: 0;}
.mobile-menu-area.mean-container {    display: block;    float: left;    width: 100%;}
.main-header .logo-area .header-info-box-2 {	position: relative;	float: left;	margin-left: 72px;	padding: 4px 20px 0 80px;}
.main-header .logo-area .header-info-box-2 .header-info-icon {	position: absolute;	left: 0;	top: 0;	width: 60px;	height: 60px;	border: 2px solid #ffc300;	color: #ffc300;	font-size: 30px;	text-align: center;	line-height: 60px;	border-radius: 50%;	-moz-transition: all 300ms ease;	-webkit-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;	transition: all 300ms ease;}
.main-header .logo-area .header-info-box-2 h6 {    margin: 0 0 5px;    font-weight: 700;    text-transform: capitalize;}
.main-header .logo-area .header-info-box-2 p {    color: #282828;}
.main-header .logo-area .header-info-box-2:last-child {    padding-left: 0px;    border: none;}
.quote-btn-2 {    color: #fff;    padding: 8px 36px;    margin-top: 3px;    text-transform: uppercase;    font-weight: 700;    position: relative;    background: #ed3237;    display: inline-block;    vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.quote-btn-2:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    background: #333;    -webkit-transform: scaleX(0);    transform: scaleX(0);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.quote-btn-2:hover,
.quote-btn-2:focus,
.quote-btn-2:active {    color: #fff;}
.quote-btn-2:hover:before,
.quote-btn-2:focus:before,
.quote-btn-2:active:before {    -webkit-transform: scaleX(1);    transform: scaleX(1);}
.header-2.main-header .mainmenu-area {	background-color: #274047;}
.header-2.main-header .header-search ul li.menuleft-search {	float: right;}
.header-2 .mainmenu-area.menu-animation {	border: none;}
.header-3.main-header .logo-area {	padding: 15px 0px;}
.main-header .mainmenu-area-2 {    background-color: #fff;    text-transform: uppercase;    width: 100%;   position: relative;    z-index: 999;    transition: all 0.4s ease-in-out;    -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    -o-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;}
.main-header .mainmenu-area-2 .navbar-nav .nav-link {    color: #333;    font-weight: 600;    padding: 22px 25px;}
.main-header .mainmenu-area-2 .navbar {    padding: 0;}
.main-header .mainmenu-area-2 .navbar ul li.active a {   }
.main-header .mainmenu-area-2 .navbar ul li a:hover {  color: #ed3237;}
.main-header .mainmenu-area-2 .navbar ul li:hover .dropdown-menu {    opacity: 1;    transform: translateY(0);}
.main-header .mainmenu-area-2 .navbar ul li.dropdown > a:after {    font-family: 'IcoFont' !important;    content: "\eb25";    position: absolute;    color: #333;    top: auto;    right: 5px;    font-size: 14px;    transition: all 500ms ease;    -moz-transition: all 500ms ease;    -webkit-transition: all 500ms ease;    -ms-transition: all 500ms ease;    -o-transition: all 500ms ease;}
.main-header .mainmenu-area-2 .dropdown:hover > .dropdown-menu {	opacity: 1;	top: 117%;	visibility: visible;}
.header-3.main-header .top-area .info-menu li a {	display: block;	margin-right: 10px;	line-height: 50px;}
.quote-btn-3 {	color: #fff !important;	padding: 11px 50px;	text-transform: uppercase;	font-weight: 700;	position: relative;	background: #ed3237;	display: inline-block;	vertical-align: middle;	-webkit-transform: translateZ(0);	transform: translateZ(0);	box-shadow: 0 0 1px rgba(0, 0, 0, 0);	-webkit-backface-visibility: hidden;	backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;	-webkit-transition-property: color;	transition-property: color;	-webkit-transition-duration: 0.3s;	transition-duration: 0.3s;}
.quote-btn-3:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    background: #333;    -webkit-transform: scaleX(0);    transform: scaleX(0);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.quote-btn-3:hover,.quote-btn-3:focus,.quote-btn-3:active {    color: #fff;}
.quote-btn-3:hover:before,.quote-btn-3:focus:before,.quote-btn-3:active:before {    -webkit-transform: scaleX(1);    transform: scaleX(1);}
.header-4.main-header .mainmenu-area {	background-color: #333;}
.header-4.main-header .mainmenu-area .navbar ul li.active a {	color: #ed3237;	box-shadow: none;}
.header-4.main-header .mainmenu-area .navbar-nav .nav-link.js-scroll-trigger.active{	color: #ed3237;}
.header-4.main-header .mainmenu-area .navbar-nav .nav-link:hover {	color: #ed3237;}
.slider-section {   float: left;    width: 100%;	margin-top: -1px;}
.navana-slide-overlay {    position: absolute;    left: 0;    right: 0;    height: 100%;    width: 100%;    opacity: 0.8;    background-color: rgba(0, 0, 0, 0.6);}
.navana-single-slide {    background-size: cover;    background-position: center center;   background-color: #ddd;    height: 550px;    width: 100%;    position: relative;    display: table;}
.navana-single-slide-inner {    display: table-cell;    vertical-align: middle;}
.navana-single-slide h6 {    color: #fff;    text-transform: uppercase;    margin: 0;}
.navana-single-slide span {    position: relative;    background-color: #fff;    height: 1px;    width: 55%;    display: inline-block;}
.navana-single-slide h2 {    color: #fff;    margin: 0;    text-transform: uppercase;    font-weight: 700;    font-size: 64px;}
.navana-single-slide p {    color: #fff;    text-transform: uppercase;    margin: 0 0 20px;}
.home-btn-1 {    color: #fff;    padding: 15px 40px;    border-radius: 5px;    text-transform: uppercase;    font-weight: 500;    margin-right: 20px;    display: inline-block;    border: 1px solid #ed3237;    vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    position: relative;    background: #fff;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.home-btn-1:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    border-radius: 5px;    background: #ed3237;    -webkit-transform: scaleX(1);    transform: scaleX(1);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.home-btn-1:hover,
.home-btn-1:focus,
.home-btn-1:active {    color: #333 !important;    border-color: #fff;}
.home-btn-1:hover:before,
.home-btn-1:focus:before,
.home-btn-1:active:before {    -webkit-transform: scaleX(0);    transform: scaleX(0);}
.home-btn-2 {    color: #fff;    padding: 15px 40px;    border-radius: 5px;    text-transform: uppercase;    font-weight: 500;    position: relative;    background: transparent;    border: 1px solid #fff !important;    display: inline-block;    vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.home-btn-2:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    border-radius: 5px;    background: #ed3237;    -webkit-transform: scaleX(0);    transform: scaleX(0);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.home-btn-2:hover,
.home-btn-2:focus,
.home-btn-2:active {    color: #fff !important;    border-color: #ed3237;}
.home-btn-2:hover:before,.home-btn-2:focus:before,
.home-btn-2:active:before {    -webkit-transform: scaleX(1);    transform: scaleX(1);}
.owl-theme.navana-slides.owl-carousel .owl-item,
.owl-theme.navana-slides.owl-carousel .owl-wrapper {    -webkit-transform: none;    -moz-transform: none;    -ms-transform: none;}
.owl-theme.navana-slides .owl-dots {    position: absolute;    left: 0;    right: 0;    bottom: 20px;}
.owl-theme.navana-slides .owl-dots .owl-dot span {    border-radius: 0;    position: relative;    height: 20px;    width: 20px;    border: 2px solid #fff;    border-radius: 1px;    background: transparent;}
.owl-theme.navana-slides .owl-dots div.active span {    border-color: #ed3237;    background: #ed3237;}
.owl-theme.navana-slides .owl-dots .owl-dot span:before {    position: absolute;    content: "";    height: 8px;    width: 8px;    background: #fff;    border-radius: 50%;    top: 5px;    left: 4px;}
.navana-slides.owl-theme .owl-nav {	margin-top: 0;}
.navana-slides.owl-theme .owl-nav div {    padding: 15px 20px;    color: #333;    font-size: 50px;    opacity: 0;    visibility: hidden;    border-radius: 0;    -webkit-transition: all .35s;    -moz-transition: all .35s;    transition: all .35s;}
.navana-slides.owl-theme .owl-nav div:hover {    background: #ed3237;}
.navana-slides.owl-theme .owl-nav div {    position: absolute;    top: 42%;    margin-top: -20px;}
.navana-slides.owl-theme .owl-nav .owl-prev {    left: -80px;}
.navana-slides:hover.owl-theme .owl-nav .owl-prev {    left: 0;}
.navana-slides.owl-theme .owl-nav .owl-next {    right: -80px;}
.navana-slides:hover.owl-theme .owl-nav .owl-next {    right: 0px;}
.navana-slides:hover.owl-theme .owl-nav div {    opacity: 1;    visibility: visible;}
.navana-slides.owl-carousel .owl-item .navana-single-slide h6,
.navana-slides.owl-carousel .owl-item .navana-single-slide span {    opacity: 0;    -webkit-transform: translateX(200px);    -ms-transform: translateX(200px);    transform: translateX(200px);    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;   -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.navana-slides.owl-carousel .owl-item.active .navana-single-slide h6,
.navana-slides.owl-carousel .owl-item.active .navana-single-slide span {    opacity: 1;    -webkit-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0);}
.navana-slides.owl-carousel .owl-item .navana-single-slide h2,
.navana-slides.owl-carousel .owl-item .navana-single-slide p {    opacity: 0;    -webkit-transform: translateX(-200px);    -ms-transform: translateX(-200px);    transform: translateX(-200px);    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.navana-slides.owl-carousel .owl-item.active .navana-single-slide h2,
.navana-slides.owl-carousel .owl-item.active .navana-single-slide p {    opacity: 1;    -webkit-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0);}
.navana-slides.owl-carousel .owl-item .home-btn-1,
.navana-slides.owl-carousel .owl-item .home-btn-2 {    opacity: 0;    transform: translateY(200px);    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.navana-slides.owl-carousel .owl-item.active .home-btn-1,
.navana-slides.owl-carousel .owl-item.active .home-btn-2 {    opacity: 1;    transform: translateY(0);}
.tp-banner-container {	width: 100%;	position: relative;	padding: 0;	overflow: hidden !important;	margin-top: -1px;}
.tp-banner-container h2 {	color: #fff;	margin: 0;	text-transform: uppercase;	font-weight: 700;	font-size: 50px;}
.tp-banner-container p {	color: #fff;	text-transform: capitalize;}
.tp-caption a {	color: #fff;}
.about-image {    position: relative;    display: block;}
.about-image img {     border: 2px solid #ccc;}
#about .section-title {    margin-bottom: 60px;}
#about .section-title p {    margin: 0;    padding: 0;    width: 100%;    position: relative;        margin-bottom: 15px; font-size: 17px; color: #000;}
#about .section-title span.line {    margin: 18px 0 15px;    display: block;    width: 33%;}

.single-feature {    float: left;    width: 100%;    margin-bottom: 50px;}
.single-feature .single-feature-icon,.single-feature .single-feature-text {    float: left;}
.single-feature .single-feature-icon {    margin-right: 20px;    color: #ed3237;    font-size: 45px;    line-height: 44px;    margin-bottom: 20px;    -webkit-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;}
.single-feature .single-feature-text {    width: 76%;}
.single-feature-text h4 {    font-size: 20px;    margin-top: 0;}
.single-feature-text p {    margin-bottom: 10px;}
/* single features-2 */
.single-feature-2 {  display: flex; flex-direction: column; justify-content: center;  float: left; height: 100%;   width: 100%;    padding: 20px;    position: relative;    overflow: hidden;    z-index: 1;}

.single-feature-2:hover:before {    -moz-transform: scale(1, 1);    -ms-transform: scale(1, 1);    -o-transform: scale(1, 1);    -webkit-transform: scale(1, 1);    transform: scale(1, 1);    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);    opacity: 1;}
.single-feature-2 .single-feature-2-icon {    margin-right: 20px;}
.single-feature-2 .single-feature-2-icon,.single-feature-2 .single-feature-2-text {    float: left;}
.single-feature-2 .single-feature-2-icon {    color: #fff;    font-size: 45px;    margin: 15px 20px 15px 0;    display: block;    -webkit-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;}
.single-feature-2 .single-feature-2-text {    width: 100%;}
.single-feature-2-text h4 {    font-size: 20px;    color: #fff;    margin-top: 0;}
.single-feature-2-text p {    color: #fff; font-size: 17px;}
/* single feature 3 */
#features .section-title {    margin-bottom: 60px;}
#features .section-title span.line {    margin: 18px 0 15px;    display: block;    width: 53%;}
#features .section-title span.line:before {    left: 0;    margin-left: 0;}
.single-feature-3 {    float: left;    width: 100%;    margin-bottom: 50px;}
.single-feature-3:last-child {    margin-bottom: 0;}
.single-feature-3 .single-feature-3-icon,
.single-feature-3 .single-feature-3-text {    float: left;}
.single-feature-3 .single-feature-3-icon {	margin-right: 20px;	color: #fff;	font-size: 30px;	height: 60px;	width: 60px;	line-height: 60px;	text-align: center;	margin-bottom: 20px;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;	border: 1px solid #fff;	border-radius: 50%;}
.single-feature-3 .single-feature-3-text {    width: 76%;}
.single-feature-3-text h4 {	font-size: 20px;	margin-top: 0;	color: #fff;}
.single-feature-3-text p {    margin-bottom: 10px;	color: #fff;}
.single-feature-3:hover .single-feature-3-icon {	background: #fff;	color: #333;}
.tab-content {	margin-top: 60px;}
.service-tab .nav-tabs {    border: none;    margin-bottom: 50px;}
.service-tab .nav-tabs .nav-link {    padding: 13px 20px;    border: 1px solid #ddd;    color: #333;    text-transform: capitalize;    background: #fff;    position: relative;    border-radius: 0;    border-right: none;}
.service-tab .nav-tabs .nav-link i {    padding-right: 10px;    font-size: 20px;}
.service-tab .nav-tabs .nav-item:last-child {    border-right: 1px solid #ddd;}
.service-tab .nav-tabs .nav-link:after {    content: "";    position: absolute;   top: 100%;    left: 42%;    border-top: 15px solid transparent;    border-left: 15px solid transparent;    border-right: 15px solid transparent;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.service-tab .nav-tabs .nav-link.active:after {    content: "";    position: absolute;    top: 100%;    left: 42%;    border-top: 15px solid #ed3237;    border-left: 15px solid transparent;    border-right: 15px solid transparent;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.service-tab .nav-tabs .nav-link:hover:after {    border-top: 15px solid #ed3237;}
.service-tab .nav-tabs .nav-link.active,.service-tab .nav-tabs .nav-link:hover {    background: #ed3237;    color: #fff;    border-color: #ed3237;}
.single-service {    border: 1px solid #ddd;    box-shadow: 1px 10px 8px #ddd;    margin-bottom: 40px;    background: #fff;    position: relative;    z-index: 1; min-height: 477px;}
.single-service:before {    height: 100%;    width: 100%;    position: absolute;    left: 0;    top: 0;    content: "";    background: #f7f7f7;    -moz-transform: scale(0.9, 0.9);    -ms-transform: scale(0.9, 0.9);    -o-transform: scale(0.9, 0.9);    -webkit-transform: scale(0.9, 0.9);    transform: scale(0.9, 0.9);    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);    opacity: 0;    z-index: -1;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    -webkit-transition: all 0.3s ease;    transition: all 0.3s ease;}
.single-service:hover:before {    -moz-transform: scale(1, 1);    -ms-transform: scale(1, 1);    -o-transform: scale(1, 1);    -webkit-transform: scale(1, 1);    transform: scale(1, 1);    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);    opacity: 1;}
.single-service .single-service-info {   padding: 20px;}
.single-service .single-service-info h6 {    font-weight: normal;    margin: 25px 0 0;}
.single-service .single-service-info h4 {    text-transform: uppercase;    margin: 15px 0;    font-size: 18px;}
.serv-red-btn {    color: #333;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 1px;    display: inline-block;    margin: 20px 0 25px;    padding: 8px 35px;    border: 1px solid #ddd;    background: transparent;    -webkit-transition: all 0.2s;    transition: all 0.2s;}
.single-service:hover .serv-red-btn {    background: #ff7133;    color: #fff;    border-color: #ff7133;}
.all-service-btn a {    background: #ed3237;    color: #fff;    padding: 10px 40px;    text-transform: uppercase;    font-weight: 500;    border: 1px solid #ed3237;    margin: 60px 0 0;    border-radius: 3px;    display: inline-block;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.all-service-btn a:hover,.all-service-btn a:focus {    color: #ed3237;    background: transparent;}
.service-two {	background: #f5f5f5;	box-shadow: 1px 1px 4px #ddd;	padding: 15px;	margin-bottom: 30px;	position: relative;}
.service-two img {	height: 90px;	width: 90px;}
.service-two h4 {	font-size: 17px;	margin-top: 0;}
.service-two p {	margin: 15px 0;}
.service-two-link {  color: #333;}
.service-two-link:after {position: absolute;	content: "\eb27";	font-family: 'IcoFont' !important;	padding-left: 5px;}
.service-two:hover .service-two-link {	color: #ed3237;}
.service-three {	overflow: hidden;	box-shadow: 1px 1px 4px #ddd;	padding: 15px;	margin-bottom: 30px;	position: relative;}
.service-three:hover .service-three-icon i {    background: #ed3237;    color: #fff;}
.service-three .service-three-icon {   margin-right: 20px;    position: relative;}
.service-three .service-three-icon,
.service-three .service-three-text {    float: left;}
.service-three .service-three-icon:before {    content: '';    position: absolute;    width: 0;    height: 0;    border-style: solid;    border-width: 10px 0 10px 10px;    border-color: transparent transparent transparent #ed3237;    right: -8px;    top: 20px;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.service-three .service-three-icon i {    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);    color: #ed3237;    font-size: 36px;    float: left;    border: 1px solid #ed3237;    height: 70px;    width: 70px;    line-height: 70px;    text-align: center;    margin-bottom: 20px;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.service-three .service-three-text {    width: 71%;}
.service-three-text h3 {    margin-top: 0;    margin-bottom: 10px;    font-weight: 600;    font-size: 20px;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.service-three-text p {    margin: 15px 0;}
.counter-section {    padding: 50px 0;    position: relative;    float: left;    width: 100%;}
.single-counter {    background: rgba(255, 255, 255, 0.18);    padding: 15px;    position: relative;    margin: 10px 0 0px;    -webkit-border-radius: 6px 12%;    -moz-border-radius: 6px 12%;    border-radius: 6px 12%;}
.single-counter:hover .single-counter-icon {    color: #fff;    box-shadow: 0 0 0 4px #fff;    -webkit-transform: scale(1);    -moz-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1);}
.single-counter-icon {    position: absolute;    left: 0;    top: -26px;    right: 0;    height: 80px;    width: 80px;    line-height: 90px;    color: #fff;    margin: 0 auto;   display: inline-block;    background: rgba(0, 0, 0, 0.4);    border: 1px solid #fff;    border-radius: 50%;    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;    -webkit-transform: scale(.8);    -moz-transition: -moz-transform 0.2s, opacity 0.2s;    transition: transform 0.2s, opacity 0.2s;    -moz-transform: scale(.8);    -ms-transform: scale(.8);    transform: scale(.8);}
.single-counter i {    font-size: 30px;    -webkit-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;}
.single-counter-info {    margin-top: 52px;}
.single-counter h2 {    color: #fff;}
.single-counter h5 {    color: #fff;    text-transform: uppercase;    font-size: 18px;}
.single-portfolio {    float: left; margin: 10px 5px;   width: 30%;    border: 2px solid #f17821;    overflow: hidden;    position: relative;    text-align: center;    -webkit-box-shadow: 1px 1px 2px #e6e6e6;    -moz-box-shadow: 1px 1px 2px #e6e6e6;    box-shadow: 1px 1px 2px #e6e6e6;    cursor: default;    background-size: cover;}
.single-portfolio .mask {    width: 100%;    height: 100%;    position: absolute;    overflow: hidden;    top: 0;    left: 0;}
.single-portfolio img {    display: block;    position: relative;}
.single-portfolio h4 {    text-transform: uppercase;    color: #fff;    text-align: center;    position: relative;    font-size: 16px;    padding: 10px;    margin: 20px 0 0 0;}
.single-portfolio a.info {    display: inline-block;    padding: 7px 14px;    margin: 20px 10px 0 0px;    background: transparent;    color: #fff;    border: 1px solid #fff;    border-radius: 30px;    text-transform: uppercase;}
.single-portfolio a.info:hover {    background: #333;    border-color: #333;}
.single-portfolio-fourth img {    -webkit-transition: all 0.4s ease-in-out 0.2s;    -moz-transition: all 0.4s ease-in-out 0.2s;    -o-transition: all 0.4s ease-in-out 0.2s;    -ms-transition: all 0.4s ease-in-out 0.2s;    transition: all 0.4s ease-in-out 0.2s;    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";    filter: alpha(opacity=100);    opacity: 1;}
.single-portfolio-fourth .mask {    background-color: #2171b9;    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";    filter: alpha(opacity=0);    opacity: 0;    transform: scale(0) rotate(-180deg);    -webkit-transition: all 0.4s ease-in;    -moz-transition: all 0.4s ease-in;    -o-transition: all 0.4s ease-in;    -ms-transition: all 0.4s ease-in;    transition: all 0.4s ease-in;    -webkit-border-radius: 0px;    -moz-border-radius: 0px;    border-radius: 0px;}
.single-portfolio-fourth .mask .mask-po {    position: absolute;    left: 0;    right: 0;    top: 20%;}
.single-portfolio-fourth h4 {    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";    filter: alpha(opacity=0);    opacity: 0;    border-bottom: 1px solid #fff;    background: transparent;    margin: 20px 40px 0px 40px;    -webkit-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out;}
.single-portfolio-fourth p {    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";    filter: alpha(opacity=0);    opacity: 0;}
.single-portfolio-fourth a.info {    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";    filter: alpha(opacity=0);    opacity: 0;    -webkit-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out;}
.single-portfolio-fourth:hover .mask {    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";    filter: alpha(opacity=100);    opacity: 1;    transform: scale(1) rotate(0deg);    -webkit-transition-delay: 0.2s;    -moz-transition-delay: 0.2s;    -o-transition-delay: 0.2s;    -ms-transition-delay: 0.2s;    transition-delay: 0.2s;}
.single-portfolio-fourth:hover img {    }
.single-portfolio-fourth:hover h4,
.single-portfolio-fourth:hover p,
.single-portfolio-fourth:hover a.info {    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";    filter: alpha(opacity=100);    opacity: 1;}
.single-portfolio-fourth:hover a {    -webkit-animation: fadeInDown 1000ms ease-in-out;    animation: fadeInDown 1000ms ease-in-out;}
.single-portfolio-fourth:hover h4 {    -webkit-animation: fadeInUp 1000ms ease-in-out;    animation: fadeInUp 1000ms ease-in-out;}
.promo-portfolio {    padding: 40px 0;}
.portfolio-slider.owl-theme .owl-nav {    margin-top: 0;}
.portfolio-slider.owl-theme .owl-nav div {    color: #333;    font-size: 25px;    padding: 10px;    margin: 0;    background: #fff;    opacity: 1;    visibility: visible;    border-radius: 30px;    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);    -webkit-transition: all .35s;    -moz-transition: all .35s;    transition: all .35s;}
.portfolio-slider.owl-theme .owl-nav div:hover {    background: #f17821;}
.portfolio-slider.owl-theme .owl-nav div {    position: absolute;    margin-top: -20px;    bottom: -76px;}
.portfolio-slider.owl-theme .owl-nav .owl-prev {    left: 0;}
.portfolio-slider.owl-theme .owl-nav .owl-next {    right: 0;}
.team-mate {    position: relative;    box-shadow: 1px 1px 5px #ddd;    border: 1px solid #ddd;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.team-mate:before {    position: absolute;    content: "";    bottom: -1px;    left: 0;    right: 0;    height: 5px;    width: 100%;    background: #ffc300;    visibility: hidden;    -webkit-transform: scaleX(0);    -moz-transform: scaleX(0);    -ms-transform: scaleX(0);    -o-transform: scaleX(0);    transform: scaleX(0);    -webkit-transition: all 0.3s ease-in-out 0s;    -moz-transition: all 0.3s ease-in-out 0s;    -ms-transition: all 0.3s ease-in-out 0s;    -o-transition: all 0.3s ease-in-out 0s;    transition: all 0.3s ease-in-out 0s;}
.team-mate:hover:before {    visibility: visible;    -webkit-transform: scaleX(1);    -moz-transform: scaleX(1);    -ms-transform: scaleX(1);    -o-transform: scaleX(1);    transform: scaleX(1);}
.team-mate .member-photo {    overflow: hidden;    position: relative;    background: #F1F1F1;}
.team-mate .member-photo a img {    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.team-mate .member-title {    padding: 15px 0;    background-color: #fff;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.team-mate .member-title h4 {   text-transform: uppercase;    font-size: 18px;    margin: 0 0 10px;}
.team-mate:hover .member-title {    background-color: #F9F9F9;}
.member-photo .mask {    background-color: #fff;    position: absolute;    text-align: center;    height: 100%;    width: 100%;    left: 0;    top: 0;    opacity: 0;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.team-mate:hover .member-photo .mask {    opacity: 0.8;}
.member-photo .mask .single-team-social {    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -o-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    top: 50%;    position: relative;}
.member-photo .mask .single-team-social a {    color: #333;    display: inline-block;    height: 40px;    width: 40px;    line-height: 40px;    border: 1px solid #333;    margin: 0 6px 8px 6px;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.team-mate:hover .single-team-social a:nth-child(1) {    -webkit-animation: fadeInLeft 1000ms ease-in-out;    animation: fadeInLeft 1000ms ease-in-out;}
.team-mate:hover .single-team-social a:nth-child(2) {    -webkit-animation: fadeInDown 1000ms ease-in-out;    animation: fadeInDown 1000ms ease-in-out;}
.team-mate:hover .single-team-social a:nth-child(3) {    -webkit-animation: fadeInRight 1000ms ease-in-out;    animation: fadeInRight 1000ms ease-in-out;}
.member-photo .mask .single-team-social a:hover {    color: #ffc300;}
.owl-theme.team-slider .owl-dots {    margin-top: 70px !important;    margin-bottom: -30px;}
.owl-theme.team-slider .owl-dots .owl-dot span {    border-radius: 0;    position: relative;    height: 20px;    width: 20px;    border: 2px solid #777;    border-radius: 1px;    background: transparent;}
.owl-theme.team-slider .owl-dots div.active span {    border-color: #ed3237;    background: #ed3237;}
.owl-theme.team-slider .owl-dots div.active span:before {    background: #fff;}
.owl-theme.team-slider .owl-dots .owl-dot span:before {    position: absolute;    content: "";    height: 8px;    width: 8px;    background: #777;    border-radius: 50%;    top: 5px;    left: 4px;}
.single-testimonial {    float: left;    width: 100%;    padding: 30px;    margin-bottom: 60px;   border: 2px solid #e9e9e9;    position: relative;    -webkit-transition: all 0.5s ease 0s;    transition: all 0.5s ease 0s;    -webkit-border-radius: 3px 3px 20% 20%/3px 3px 100% 100%;    -moz-border-radius: 3px 3px 20% 20%/3px 3px 100% 100%;    border-radius: 3px 3px 20% 20%/3px 3px 100% 100%;}
.single-testimonial .team-img {    display: block;    margin: 30px 0 -80px;}
.single-testimonial .team-img img {    position: relative;    height: 100px;    width: 100px;    margin: 0 auto;    border: 4px solid #fff;    -webkit-transition: all 0.5s ease 0s;    transition: all 0.5s ease 0s;}
.single-testimonial:hover {    border-color: #f17821;    -webkit-border-radius: 20% 20% 3px 3px/100% 100% 3px 3px;    -moz-border-radius: 20% 20% 3px 3px/100% 100% 3px 3px;    border-radius: 20% 20% 3px 3px/100% 100% 3px 3px;}
.single-testimonial:hover .team-img img {    -webkit-transform: scale(1.2) rotate(-10deg);    transform: scale(1.2) rotate(-10deg)}
.team-dec h4 {    color: #fff;    font-size: 18px;    margin: 0 0 10px;    text-transform: uppercase;}
.team-dec span {    background: #fff;    display: block;    height: 2px;    margin: 20px auto;    width: 54px;}
.team-dec p {    color: #fff;}
.owl-theme.testimonial-slider .owl-dots {    margin-top: 70px !important;    margin-bottom: -30px;}
.owl-theme.testimonial-slider .owl-dots .owl-dot span {    border-radius: 0;    position: relative;    height: 20px;    width: 20px;    border: 2px solid #fff;    border-radius: 1px;    background: transparent;}
.owl-theme.testimonial-slider .owl-dots div.active span {    border-color: #f17821;    background: #f17821;}
.owl-theme.testimonial-slider .owl-dots div.active span:before {    background: #fff;}
.owl-theme.testimonial-slider .owl-dots .owl-dot span:before {   position: absolute;    content: "";    height: 8px;    width: 8px;    background: #fff;    border-radius: 50%;    top: 5px;    left: 4px;}
#faq #accordion,
#faq #accordion2,
#faq #accordion3,
#faq #accordion4 {    margin-top: 0;    margin-bottom: 30px;}
#accordion .panel,
#accordion2 .panel,
#accordion3 .panel,
#accordion4 .panel {    border: medium none;    border-radius: 0;    box-shadow: none;    margin-bottom: 0;    position: relative;}
#accordion .panel-heading,
#accordion2 .panel-heading,
#accordion3 .panel-heading,
#accordion4 .panel-heading {    border: medium none;    border-radius: 0;    box-shadow: none;    padding: 0;    position: relative;}
#accordion .panel-heading i,
#accordion2 .panel-heading i,
#accordion3 .panel-heading i,
#accordion4 .panel-heading i {    color: #5d5d5d;    float: right;}
#accordion a.accordion-toggle i,
#accordion2 a.accordion-toggle i,
#accordion3 a.accordion-toggle i,
#accordion4 a.accordion-toggle i {    color: #333;    position: absolute;    right: 15px;    background: #fff;    padding: 7px;    border-radius: 15px;    font-size: 10px;    top: 50%;    margin-top: -13px;}
#accordion a.accordion-toggle.collapsed i,
#accordion2 a.accordion-toggle.collapsed i,
#accordion3 a.accordion-toggle.collapsed i,
#accordion4 a.accordion-toggle.collapsed i {    color: #fff;    background: #777;}
#accordion .panel-heading .panel-title,
#accordion2 .panel-heading .panel-title,
#accordion3 .panel-heading .panel-title,
#accordion4 .panel-heading .panel-title {    font-family: montserrat;    font-weight: 500;    margin: 0;}
#accordion a.accordion-toggle,
#accordion2 a.accordion-toggle,
#accordion3 a.accordion-toggle,
#accordion4 a.accordion-toggle {    background-color: #ed3237;    color: #fff;    font-size: 15px;    display: block;    padding: 20px 40px;    text-transform: capitalize;}
#accordion .panel-collapse,
#accordion2 .panel-collapse,
#accordion3 .panel-collapse,
#accordion4 .panel-collapse {    border: medium none;    box-shadow: none;    overflow: hidden;}
#accordion .panel-body,
#accordion2 .panel-body,
#accordion3 .panel-body,
#accordion4 .panel-body {    background-color: #fff;    border: medium none;   padding: 18px;    margin: 25px 0;}
#accordion .panel-body .media img,
#accordion2 .panel-body .media img,
#accordion3 .panel-body .media img,
#accordion4 .panel-body .media img {    height: 100px;}
#accordion .panel-body p,
#accordion2 .panel-body p,
#accordion3 .panel-body p,
#accordion4 .panel-body p {    color: #777;    line-height: 24px;    margin-bottom: 0;}
#accordion.panel-group .panel + .panel,
#accordion2.panel-group .panel + .panel,
#accordion3.panel-group .panel + .panel,
#accordion4.panel-group .panel + .panel {    margin-top: 1px;}
#accordion a.accordion-toggle.collapsed,
#accordion2 a.accordion-toggle.collapsed,
#accordion3 a.accordion-toggle.collapsed,
#accordion4 a.accordion-toggle.collapsed {    background-color: #f8f7f7;    color: #323232;}
ul.theme-list-style-one li i {    padding-right: 3px;}
/* request form */
.req-form {    margin-bottom: 20px;}
.req-form .form-group {    margin-bottom: 2rem;}
.req-form .form-control {    background-color: #f8f7f7;    border-radius: 0;    height: 55px;    font-weight: 500;    resize: none;    letter-spacing: 1px;    border: 1px solid transparent;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.req-form .form-control:focus {    border: 1px solid #f17821;    padding-left: 20px;}
.req-form textarea.form-control {    height: auto;}
.btn-req-form {    background-color: #ed3237;    border: none;    border-radius: 0;    height: 55px;    color: #fff;    text-transform: uppercase;    font-size: inherit;   font-weight: 500;    letter-spacing: 1px;    padding: 0 67px;    cursor: pointer;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.btn-req-form:hover,
.btn-req-form:focus {    box-shadow: none;    background: #333;}
#calltoaction {    padding: 70px 0;    position: relative;    float: left;    width: 100%; background: #f1f1f1;}
.calltoaction-wrap h3 {  color: #000; text-transform: capitalize;  margin: 0;  font-size: 20px; margin-bottom: 15px;}
.calltoaction-wrap p {    color: #000;    font-size: 17px;   margin: 15px 0;     text-align: justify;}
.calltoaction-btn {    color: #fff;    padding: 10px 40px;    border-radius: 5px;    text-transform: uppercase;    font-weight: 500;    margin-right: 20px;    display: inline-block;    border: 1px solid #ed3237;    vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    position: relative;    background: #fff;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.calltoaction-btn:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    border-radius: 5px;    background: #ed3237;    -webkit-transform: scaleX(1);    transform: scaleX(1);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.calltoaction-btn:hover,
.calltoaction-btn:focus,
.calltoaction-btn:active {    color: #333;    border-color: #ddd;}
.calltoaction-btn:hover:before,
.calltoaction-btn:focus:before,
.calltoaction-btn:active:before {    -webkit-transform: scaleX(0);    transform: scaleX(0);}
.calltoaction-btn i {    color: #333;    padding-left: 8px;    font-weight: 700;}
.calltoaction-btn:hover i,.calltoaction-btn:focus i {    color: #333;}
.blog-post-single {    margin-bottom: 25px;}
.blog-all-post-single {    margin-bottom: 80px;}
.post-media {    position: relative;    margin-bottom: 25px;    outline: 2px solid rgba(255, 255, 255, 0.50);    outline-offset: -20px;}
.post-media-wrap {    position: relative;}
.blog-post-single:hover .post-media {    outline: none;}
.post-media-wrap:before,.post-media-wrap:after {    position: absolute;    top: 20px;    right: 20px;    bottom: 20px;    left: 20px;    content: '';    opacity: 0;    z-index: 2;    -webkit-transition: opacity 0.75s, -webkit-transform 0.35s;    transition: opacity 0.75s, transform 0.35s;}
.post-media-wrap:before {    border-top: 2px solid #ed3237;    border-bottom: 2px solid #ed3237;    -webkit-transform: scale(0, 1);    transform: scale(0, 1);}
.post-media-wrap:after {    border-right: 2px solid #ed3237;    border-left: 2px solid #ed3237;    -webkit-transform: scale(1, 0);    transform: scale(1, 0);}
.blog-post-single:hover .post-media-wrap:before,
.blog-post-single:hover .post-media-wrap:after {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);}
.blog-post-single:hover .post-media-wrap:before,
.blog-post-single:hover .post-media-wrap:after {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);}
.post-image-overlay:before {    background: rgba(0, 0, 0, 0.8);    content: "";    left: 0;    top: 0;   width: 100%;    height: 100%;    z-index: 1;    opacity: 0;    visibility: hidden;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";    position: absolute;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.blog-post-single:hover .post-image-overlay:before {    opacity: 0.5;    visibility: visible;}
.blog-post-title h4 a {    color: #333;    text-transform: uppercase;   margin: 0 0 20px;    display: block;}
.blog-post-meta {    float: left;    width: 100%;    margin-bottom: 20px;    border-top: 1px solid #e5e5e5;    border-bottom: 1px solid #e5e5e5;    line-height: 50px;}
.blog-post-content {    margin: 0 0 20px;}
.blog-post-button {    color: #777;    padding: 6px 20px;    margin-right: 20px;    display: inline-block;    border: 1px solid #ddd;    vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    position: relative;    background: #ed3237;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.blog-post-button:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    background: #fff;    -webkit-transform: scaleX(1);    transform: scaleX(1);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.blog-post-button:hover,
.blog-post-button:focus,
.blog-post-button:active {    color: #fff;    border-color: #ed3237;}
.blog-post-button:hover:before,
.blog-post-button:focus:before,
.blog-post-button:active:before {    -webkit-transform: scaleX(0);    transform: scaleX(0);}
.blog-post-meta span {    padding-right: 20px;}
.blog-post-meta span i {    padding-right: 8px;    color: #ed3237;}
.blog-post-meta a {    color: inherit;}
.client-section {    padding: 30px 0;    position: relative;    float: left;    width: 100%;}
.client-item {    position: relative;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.client-item img {    background: #fff;}
.client-slider.owl-theme .owl-nav {    margin-top: 0;}
.client-slider.owl-theme .owl-nav div {    color: #333;    font-size: 25px;    padding: 10px;    margin: 0;    background: #fff;    opacity: 1;    visibility: visible;    border-radius: 30px;    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);    -webkit-transition: all .35s;    -moz-transition: all .35s;    transition: all .35s;}
.client-slider.owl-theme .owl-nav div:hover {    background: #ed3237;}
.client-slider.owl-theme .owl-nav div {    position: absolute;    margin-top: -20px;    top: 50%;}
.client-slider.owl-theme .owl-nav .owl-prev {  left: -26%;}
.client-slider.owl-theme .owl-nav .owl-next {    right: -26%;}
footer {    position: relative;    float: left;    width: 100%;}
.footer-top {    padding: 50px 0 30px 0;    background: #252525;}
.footer-section-title {    margin-bottom: 25px;}
.footer-section-title h4 {    color: #fff;  font-size: 18px;  margin: 0;    text-transform: capitalize;    position: relative;}
.footer-section-title span.line {    background-color: #ddd;    height: 1px;    width: 100%;    display: inline-block;    position: relative;    margin: 21px auto 7px;}
.footer-section-title span.line:before {    position: absolute;    content: "";    height: 4px;    width: 50px;    background-color: #f17821;    top: -2px;    border-radius: 30px;    left: 20px;    margin-left: -20px;}
footer .about,
footer .quick-link-list,
footer .recentPost,
footer .mailing-list {    clear: both;}
.footer-logo a {    margin-bottom: 25px;    float: left;    width: 100%;}
.footer-logo-icon {    margin-right: 5px;    color: #ed3237;    font-size: 45px;    line-height: 44px;    margin-bottom: 20px;}
.footer-logo-icon,
.footer-logo-text {    float: left;}
.footer-logo-text {    width: 80%;}
.footer-logo-text h3 {    color: #fff;    text-transform: uppercase;    font-size: 17px;    margin: 0;}
.footer-widget .about p {    font-size: 16px;    border-bottom: 1px solid #999;    padding: 0 0 15px;}
.footer-social-icon,
.footer-social-text {    float: left;}
.footer-social-icon {    color: #fff;    height: 30px;    width: 30px;    line-height: 30px;    text-align: center;    margin: 12px 8px 0 0;    border-radius: 5px;}
.footer-social {    float: left;    width: 100%;    margin-top: 15px;}
.footer-social-text {    width: 68%;    color: #909090;}
.footer-social-text h4 {    margin: 0;}
.footer-social-text h4 a {    color: #909090;    font-size: 14px;}
.s-facebook {    background: #5D82D1;}
.s-twitter {    background: #0A66C2;}
.s-youtube {    background: #CC181E;}
.s-dribbble {    background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);}
.s-dribbble i {    color: #fff;}
.footer-widget .about p,.footer-widget .mailing-list p {    color: #fff;}
.footer-widget .about p:not(:last-child) {    margin-bottom: 30px;}
.footer-widget .quick-link-list li {    line-height: 30px;}
.footer-widget .quick-link-list li a {    color: #fff;    text-transform: capitalize;}
.footer-widget .quick-link-list li a:hover {    color: #f17821;    padding-left: 8px;}
.footer-widget .contact-link-list li {    line-height: 40px;}
.footer-widget .contact-link-list li a {    color: #fff; }
.footer-widget .contact-link-list li a:hover {    color: #f17821;    padding-left: 8px;}
.singleRecpost {    border-bottom: 1px solid #999;    margin-bottom: 20px;    min-height: 100px;    padding-left: 117px;   position: relative;    overflow: hidden;}
.singleRecpost:last-child {    border: none;}
.singleRecpost img {    position: absolute;    left: 0;    top: 0;    width: 100px;}
.recTitle {    line-height: 20px;    margin: 0;    font-size: 14px;}
.recTitle a {    color: #fff;}
.singleRecpost p {    margin-top: 5px;    color: #ed3237;    font-size: 14px;}
.mailing-list form {    margin-top: 30px;}
.mailing-list .form-group {    margin-bottom: 30px;    padding: 0;}
.mailing-list input.form-control {    color: #fff;    background-color: transparent;    border: 1px solid #999;    height: 55px;    border-radius: 0;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.news-btn {    background: #ed3237;    border: 1px solid #ed3237;    color: #fff;    font-weight: 500;    letter-spacing: 1px;    font-size: 13px;    text-transform: uppercase;    padding: 12px 20px;    cursor: pointer;    border-radius: 0;    transition: all 0.4s ease-in-out;    -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;   -o-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;}
.mailing-list .form-control:focus {    border: 1px solid #ed3237;    padding-left: 20px;}
.news-btn:hover,.news-btn:focus {    border-color: #e9ce56;    background: #e9ce56;}
.mailing-list .form-group i {    position: absolute;    right: 0;    font-size: 25px;    background: #ed3237;    color: #fff;    height: 55px;    width: 50px;    padding: 12px;}
.tags-lists-fo {} 
.tags-lists-fo span a {    color: #fff;    padding: 4px 12px;    margin: 0px 10px 10px 0;    display: inline-block;    border-radius: 3px;    border: 1px solid #666;}
.tags-lists-fo span a {    vertical-align: middle;    -webkit-transform: translateZ(0);   transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    position: relative;    background: #ed3237;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.tags-lists-fo span a:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;   right: 0;    background: #252525;   -webkit-transform: scaleX(1);    transform: scaleX(1);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.tags-lists-fo span a:hover,
.tags-lists-fo span a:focus,
.tags-lists-fo span a:active {    color: #fff;    border-color: #ed3237;}
.tags-lists-fo span a:hover:before,.tags-lists-fo span a:focus:before,.tags-lists-fo span a:active:before {    -webkit-transform: scaleX(0);    transform: scaleX(0);}
/* Footer bottom */
footer .copyright {    background: #222;   padding: 5px 0;       border-top: 1px solid #4a4a4a;}
footer .copyright-text p {    color: #fff;}
footer .copyright-text p a:hover {    color: #fff;}
.footer-menu {    text-align: right;}
.footer-menu ul li {    display: inline-block;    position: relative;}
.footer-menu ul li:after {    position: absolute;    content: "";   right: 0;    top: 11px;    height: 7px;    width: 7px;    background-color: #bebebe;}
.footer-menu ul li:last-child:after {    display: none;}
.footer-menu ul li a {    color: #fff;    font-size: 13px;    display: inline-block;    padding: 0 19px;    text-transform: uppercase;    position: relative;}
.footer-menu ul li a:hover {    color: #ed3237;}
.single-page-title-area {    padding: 150px 0;    position: relative;    z-index: 1;   background-size: cover;    background-position: center;    float: left;    width: 100%;	margin-top: -1px;}
.single-page-title-area:after {    position: absolute;    left: 0;    top: 0;    height: 100%;    width: 100%;    content: "";    background: #000;    opacity: .1;    z-index: -1;}
.single-page-title h6 {    color: #fff;    text-transform: uppercase;    margin: 0;}
.single-page-title span {    position: relative;    background-color: #fff;    height: 1px;    width: 55%;    display: inline-block;}
.single-page-title h2 {    color: #fff;    margin: 0;    text-transform: uppercase;    font-weight: 700;    font-size: 36px;}
.single-page-title-area .breadcrumb {    background-color: transparent;    margin: 20px 0 0;    position: absolute;    right: 5px;}
.single-page-title-area .breadcrumb .breadcrumb-item a {    color: #fff; font-size: 16px;}
.single-page-title-area .breadcrumb .breadcrumb-item.active {    color: #ff7133; font-size: 16px;}
.image-hover-style-one-wrap {    position: relative;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.image-hover-style-one {    position: relative;    margin-bottom: 25px;}
.image-hover-style-one-wrap:before,
.image-hover-style-one-wrap:after {    position: absolute;    top: 40px;    right: 40px;    bottom: 40px;    left: 40px;    content: '';    opacity: 0;    z-index: 1;    -webkit-transition: opacity 0.75s, -webkit-transform 0.35s;    transition: opacity 0.75s, transform 0.35s;}
.image-hover-style-one-wrap:before {    border-top: 2px solid #ed3237;    border-bottom: 2px solid #ed3237;    -webkit-transform: scale(0, 1);    transform: scale(0, 1);}
.image-hover-style-one-wrap:after {    border-right: 2px solid #ed3237;    border-left: 2px solid #ed3237;    -webkit-transform: scale(1, 0);    transform: scale(1, 0);}
.image-hover-style-one-wrap:hover:before,
.image-hover-style-one-wrap:hover:after {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);}
.image-hover-style-one-wrap:hover:before,
.image-hover-style-one-wrap:hover:after {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);}
.promo-box-style-one {    padding: 25px 60px;    border: 1px solid #e1e1e1;    background: #ffffff;    margin: 60px 0 0 -35px;}
.promo-box-style-one h6 {   color: #ed3237;    letter-spacing: 5px;    font-weight: 400;    text-transform: capitalize;}
.promo-box-style-one h2 {    font-size: 30px;    margin: 25px 0;    text-transform: capitalize;}
/* skill style */
.skill {   overflow: hidden;}
.skill {    margin-bottom: 0;    padding-top: 30px;}
.service-text {    margin-top: 30px;}
.skill .progress .lead {    color: #444;    font-size: 14px;    font-weight: 400;    left: 0;    position: absolute;    top: -32px;   z-index: 99;}
.skill .progress {    border-radius: 0;    box-shadow: none;    height: 1rem;    margin-bottom: 60px;    overflow: visible;    position: relative;}
.skill .progress-bar span {   background: #333 none repeat scroll 0 0;    float: right;    font-size: 11px;    margin-right: 10px;    margin-top: -26px;    position: relative;    padding: 0 5px;    line-height: 33px;}
.skill .progress-bar {    height: 1rem;    line-height: 1rem;    color: #fff;    background-color: #ed3237;    transition: width .6s ease;}
.our-skills .skill .progress-bar span {    border-radius: inherit;    height: 32px;    top: 17px;}
/* promo video */
.image-hover-style-two-wrap {    position: relative;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.image-hover-style-two {    position: relative;    margin-bottom: 25px;    outline: 2px solid rgba(255, 255, 255, 0.50);    outline-offset: -20px;}
.image-hover-style-two-wrap:hover .image-hover-style-two {    outline: none;}
.image-hover-style-two-wrap:hover .post-image-overlay:before {    opacity: 0.5;    visibility: visible;}
.image-hover-style-two-wrap:before,
.image-hover-style-two-wrap:after {    position: absolute;    top: 20px;    right: 20px;    bottom: 20px;    left: 20px;    content: '';    opacity: 0;    z-index: 2;    -webkit-transition: opacity 0.75s, -webkit-transform 0.35s;    transition: opacity 0.75s, transform 0.35s;}
.image-hover-style-two-wrap:before {    border-top: 2px solid #ed3237;    border-bottom: 2px solid #ed3237;    -webkit-transform: scale(0, 1);    transform: scale(0, 1);}
.image-hover-style-two-wrap:after {    border-right: 2px solid #ed3237;    border-left: 2px solid #ed3237;    -webkit-transform: scale(1, 0);    transform: scale(1, 0);}
.image-hover-style-two-wrap:hover:before,
.image-hover-style-two-wrap:hover:after {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);}.
.image-hover-style-two-wrap:hover:before,.image-hover-style-two-wrap:hover:after {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);}
.image-hover-video {    position: absolute;    left: 50%;    right: 0;    top: 45%;    color: #fff;    margin-top: -20px;    margin-left: -20px;    font-size: 60px;    z-index: 3;}
.image-hover-video a {    color: #fff;}
.image-hover-style-two-wrap:hover .image-hover-video a {    color: #ed3237;}
/* testimonial style two */
.single-testimonial-two {    margin-bottom: 25px;    float: left;    width: 100%;    -webkit-transition: all 0.2s;    transition: all 0.2s;}
.single-testimonial-two:hover .testimonial-box {    border-color: #ed3237;}
.testimonial-box {    border: 1px solid #ddd;    padding: 20px;    background-color: #fff;    position: relative;    -webkit-transition: all 0.2s;    transition: all 0.2s;}
.testimonial-box:after {    content: "";    position: absolute;    top: 100%;    left: 33px;    border-top: 15px solid #ddd;    border-left: 15px solid transparent;    border-right: 15px solid transparent;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.testimonial-box p {    color: #666;    -webkit-transition: all 0.2s;    transition: all 0.2s;}
.testimonial-box p i {    font-size: 30px;    padding-right: 8px;}
.testimonial-box-info {    float: left;    width: 100%;    margin: 30px 0;}
.testimonial-box-info-image {    margin-right: 25px;}
.testimonial-box-info-image,
.testimonial-box-info-text {    float: left;}
.testimonial-box-info-text h4 {    font-size: 20px;    margin: 0;}
.testimonial-box-info-text p {}
.testimonial-box-info-image img {    height: 100px;    width: 100px !important;}
.client-item-two-wrap {    position: relative;    padding: 0;    border-right: 1px solid #ddd;}
.client-item-two {    border-bottom: 1px solid #ddd;}
.client-item-two:nth-child(2) {    border-bottom: none;}
.client-item-two-wrap:last-child {    border-right: none;}
.promo-box-style-two p {    margin: 20px 0;}
.promo-box-style-two h4 {    margin: 0;}
.promo-box-style-two a {    color: #ed3237;    padding: 10px 40px;    border-radius: 30px;    text-transform: uppercase;    font-weight: 500;    position: relative;    background: transparent;    border: 2px solid #ed3237;   display: inline-block;    vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.promo-box-style-two a:before { content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    border-radius: 30px;    background: #ed3237;    -webkit-transform: scaleX(0);    transform: scaleX(0);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.promo-box-style-two a:hover,
.promo-box-style-two a:focus,
.promo-box-style-two a:active {    color: #fff;    border-color: #ed3237;}
.promo-box-style-two a:hover:before,
.promo-box-style-two a:focus:before,
.promo-box-style-two a:active:before {    -webkit-transform: scaleX(1);    transform: scaleX(1);}
.calltoaction-two-padding {    padding: 60px 0;    position: relative;    float: left;    width: 100%;}
.calltoaction-two-wrap h3 {    color: #fff;    margin: 15px 0;}
.calltoaction-two-wrap p {    color: #fff;    font-size: 20px;}
.calltoaction-two-btn {    color: #fff;    padding: 10px 40px;    margin: 20px 0 0;    border-radius: 30px;    text-transform: uppercase;    font-weight: 500;    position: relative;    background: transparent;    border: 2px solid #fff;    display: inline-block;    vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition: all 0.4s;   transition: all 0.4s;}
.calltoaction-two-btn:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    border-radius: 30px;    background: #333;    -webkit-transform: scaleX(0);    transform: scaleX(0);   -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.calltoaction-two-btn:hover,
.calltoaction-two-btn:focus,
.calltoaction-two-btn:active {    color: #fff; border-color: #333;}
.calltoaction-two-btn:hover:before,
.calltoaction-two-btn:focus:before,
.calltoaction-two-btn:active:before {    -webkit-transform: scaleX(1);    transform: scaleX(1);}
h5.widget-title {    position: relative;    margin: 0 0 60px;    text-transform: uppercase; font-size: 18px;}
h5.widget-title:before {    position: absolute;    content: "";    height: 6px;    width: 12px;    background-color: #ed3237;    top: 43px;    left: 20px;    margin-left: -20px;    border-radius: 30px;}
h5.widget-title:after {    position: absolute;    content: "";    height: 6px;    width: 12px;    background-color: #ed3237;    top: 43px;    left: 40px;    margin-left: -20px;    border-radius: 30px;}
.sidebar-left .widget,.sidebar-right .widget {    margin-bottom: 50px;    float: left;    width: 100%;}
.sidebar-left .widget ul,.sidebar-right .widget ul {    background: #FBFBFB;    padding: 15px 20px;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;}
.sidebar-left .widget ul li,
.sidebar-right .widget ul li {    padding: 15px 0;    border-bottom: 1px solid #ddd;    -webkit-transform: translateZ(0);    transform: translateZ(0);    -webkit-backface-visibility: hidden;   backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    position: relative;    background: #ed3237;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.sidebar-left .widget ul li.active:before,.sidebar-right .widget ul li.active:before {    background: #ed3237;}
.sidebar-left .widget ul li i,.sidebar-right .widget ul li i {    padding: 0 6px;    font-size: 20px;}
.sidebar-left .widget ul li:hover,
.sidebar-right .widget:hover ul li {    color: #fff;}
.sidebar-left .widget ul li.active a,.sidebar-right .widget ul li.active a {    color: #fff;    border-color: #ed3237;}
.sidebar-left .widget ul li:before,
.sidebar-right .widget ul li:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    background: #fbfbfb;    -webkit-transform: scaleX(1);    transform: scaleX(1);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.sidebar-left .widget ul li:hover:before,
.sidebar-right .widget ul li:hover:before {    -webkit-transform: scaleX(0);    transform: scaleX(0);}
.sidebar-left .widget ul li:hover a,
.sidebar-right .widget ul li:hover a {    color: #fff;    border-color: #ed3237;}
.sidebar-left .widget ul li:last-child,
.sidebar-right .widget ul li:last-child {    margin-bottom: 15px;    border: none;}
.sidebar-left .widget ul li a,
.sidebar-right .widget ul li a {    letter-spacing: 0.48px;    color: #5d5d5d;    display: block;    text-transform: capitalize;}
.sidebar-left .widget ul li a:before,
.sidebar-right .widget ul li a:before {    position: relative;    display: inline-block;    font-family: 'IcoFont' !important;    content: "\eb27";    margin-right: 10px;}
/* description style */
/* simple image slide style */
.simple-image-slider {    z-index: 9;}
.single-image-slide img {    width: 100%;}
.owl-theme.simple-image-slider .owl-dots {    position: absolute;    left: 0;    right: 0;    bottom: 20px;}
.owl-theme.simple-image-slider .owl-dots .owl-dot span {    border-radius: 0;    position: relative;    height: 20px;    width: 20px;    border: 2px solid #fff;   border-radius: 1px;    background: transparent;}
.owl-theme.simple-image-slider .owl-dots div.active span {    border-color: #ed3237;    background: #ed3237;}
.owl-theme.simple-image-slider .owl-dots .owl-dot span:before {    position: absolute;   content: "";    height: 8px;    width: 8px;    background: #fff;   border-radius: 50%;    top: 5px;    left: 4px;}
.canvasjs-chart-credit {    display: none;}
ul.theme-list-style-two {    margin-top: 20px;}
ul.theme-list-style-two li {    position: relative;}
ul.theme-list-style-two li a {    color: #777;    margin-left: 20px;}
ul.theme-list-style-two li:after {    position: absolute;    content: "";    left: 0;    top: 11px;    height: 7px;    width: 7px;    background-color: #4AACC5;}
.portfolio-filter-menu ul {    list-style-type: none;    margin-bottom: 35px;    padding: 0;}
.portfolio-filter-menu ul li {    border: 1px solid #ddd;    cursor: pointer;    display: inline-block;    font-size: 14px;    color: #333;    font-weight: 500;    margin-left: -5px;    margin-bottom: 20px;    padding: 8px 60px;   text-transform: uppercase;    position: relative;    background: #fff;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.portfolio-filter-menu ul li:hover,
.portfolio-filter-menu ul li.active {    background: #ed3237;    border-color: #ed3237;    color: #fff;}
.portfolio-filter-menu ul li:after {    content: "";    position: absolute;    top: 100%;    left: 42%;    border-top: 15px solid transparent;    border-left: 15px solid transparent;    border-right: 15px solid transparent;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.portfolio-filter-menu ul li.active:after,.portfolio-filter-menu ul li:hover:after {    border-top: 15px solid #ed3237;}
.portfolio-items .mix {    display: none}
.portfolio-items .single-portfolio {    margin-bottom: 30px;}
.newsletter-form-calltoaction {    position: relative;    padding: 60px 0;    float: left;    width: 100%;    color: #fff;}
.newsletter-back-image {    background-size: cover;    background-position: center center;}
.newsletter-form-calltoaction h3 {    color: #fff;}
.newsletter-form-calltoaction p {    margin-bottom: 20px;}
.newsletter-form-calltoaction form {    margin-top: 5px;}
.newsletter-form-calltoaction .form-control {  border-radius: 0;    width: 100%;    display: inline-block;    font-size: 11px;   text-transform: capitalize;    height: 50px;    padding-left: 10px;    background: #000;    border: 1px solid #1d1c1c;    color: #ccc;}
.newsletter-form-calltoaction .form-control:focus {    box-shadow: none;    border-bottom: 1px solid #45be24;    border-top: 1px solid #ed3237;    border-left: 1px solid #ed3237;    outline: 0;}
.btn.btn-news {    font-size: 13px;    color: #fff;    cursor: pointer;    font-weight: 500;    letter-spacing: 1px;    text-transform: uppercase;    padding: 12px 20px;    margin-left: -5px;    height: 50px;    border-radius: 0;    background: #ed3237;    border: 1px solid #ed3237;    transition: all 0.4s ease-in-out;    -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    -o-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;}
.btn.btn-news:hover {    background: #e9ce56;}
.team-page .team-mate {    margin-bottom: 30px;}
.faq-form .form-control {    background-color: #fff;    height: 45px;    font-weight: 500;    letter-spacing: 1px;    border: none;    border-radius: 3px;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;    border: 1px solid transparent;}
.faq-form .form-group {    margin-bottom: 15px;}
.faq-form .form-control:focus {    border: 1px solid #ed3237;    padding-left: 20px;    border-radius: 0;}
.faq-form textarea.form-control {    height: auto;    resize: none;}
.form-side-left p {    margin-bottom: 12px; font-size: 18px; text-align: justify; color: #000;}
.btn-req-form {    background-color: #2171b9;    border: none;    border-radius: 0;    height: 55px;    color: #fff;    float: left    text-transform: uppercase;    font-size: inherit;    font-weight: 500;    letter-spacing: 1px;    padding: 0 0px !important;    cursor: pointer;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.btn-req-form:hover,
.btn-req-form:focus {    background: #333;}
.error-page-wrap h1 {    font-size: 150px;    margin: 0;    letter-spacing: 20px;    color: #2171b9;    font-weight: 700;}
.error-page-wrap h2 {    text-transform: uppercase;    font-weight: 700;    margin: 30px 0;}
.error-page-wrap a {    margin-left: 10px;}
.error-page-wrap a i {    padding-right: 4px;}
.error-search .form-control {    background-color: #f5f5f5;    height: 60px;    font-weight: 500;    letter-spacing: 1px;    border: 1px solid transparent;    border-radius: 0;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;    border: 1px solid transparent;}
.error-search .form-control:focus {    border-color: #ed3237;    padding-left: 20px;}
.error-search .btn.error-btn {    background-color: #ed3237;    color: #fff;    border-radius: 0;    height: 60px;    margin-left: -1px;    width: 60px;    cursor: pointer;    font-size: 30px;}
.error-search .btn.error-btn:focus {    box-shadow: none;}
#contact-page .section-title {    margin-bottom: 15px;}
.contact-add-padd {    background-position: center center;}
.single-con-add {    overflow: hidden;    margin-bottom: 20px;}
.single-con-add:hover .single-con-add-icon i {    background: #ff7133;    color: #fff;}
.single-con-add .single-con-add-icon {    margin-right: 20px;    position: relative;}
.single-con-add .single-con-add-icon,.single-con-add .single-con-add-text {    float: left;}
.single-con-add .single-con-add-icon:before {    content: '';    position: absolute;    width: 0;    height: 0;    border-style: solid;    border-width: 10px 0 10px 10px;    border-color: transparent transparent transparent #2171b9;    right: -8px;    top: 20px;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.single-con-add .single-con-add-icon i {    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);    color: #2171b9;    font-size: 36px;    float: left;    border: 1px solid #2171b9;    height: 70px;    width: 70px;    line-height: 70px;    text-align: center;    margin-bottom: 20px;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.single-con-add .single-con-add-text {    width: 75%;}
.single-con-add-text h3 {    margin-top: 0;    margin-bottom: 10px;    font-weight: 600;    font-size: 20px;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
#map {    height: 400px;    float: left;    width: 100%;}
#gmap_canvas {    float: left;	width: 100%;	height: 400px;	border: none;}
.contact .form-control {    background-color: #f8f7f7;    border-radius: 0;    height: 50px;    font-weight: 500;    letter-spacing: 1px;    border: 1px solid transparent;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.contact .form-control:focus {    border: 1px solid #2171b9;    padding-left: 20px;}
.contact .form-group { margin-bottom: 15px;} 
.contact textarea.form-control {height: auto; resize: none;}
.mb0 {    margin-bottom: 0}
.btn-contact-bg {   background-color: #2171b9;    border: none;    border-radius: 20px;    height: 55px;    color: #fff;    text-transform: uppercase;    font-size: inherit;    font-weight: 500;    letter-spacing: 1px;    /*! padding: 0 67px; */        cursor: pointer;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;    width: 100%;}
.btn-contact-bg:hover,
.btn-contact-bg:focus {    box-shadow: none;    background: #333;}
.success-box {    color: #449d44;    text-align: center;    text-transform: uppercase;    font-family: 'Montserrat', sans-serif;    font-weight: 600;    padding: 25px;    border: 1px solid #ddd;    box-shadow: 1px 7px 5px #ddd;}
.success-box i {    color: #449d44;    font-size: 60px;    margin: 0 0 20px;    display: block;}
.success-box p {    color: #333;    font-weight: 600;    font-family: 'Roboto', sans-serif;    letter-spacing: 1px;    margin-bottom: 20px;}
.blog-allpost-single {    margin-bottom: 80px;}
.allpost-media-wrap {    position: relative;    margin-bottom: 25px;}
.blog-allpost-title h4 a {    color: #333;    text-transform: uppercase;    margin: 0 0 20px;    display: block;}
.blog-allpost-meta {    float: left;    width: 100%;   margin-bottom: 20px;    border-top: 1px solid #e5e5e5;    border-bottom: 1px solid #e5e5e5;    line-height: 50px;}
.blog-allpost-content {    margin: 0 0 20px;}
.blog-allpost-button {    color: #777;    padding: 6px 20px;    margin-right: 20px;    display: inline-block;    border: 1px solid #ddd;   vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    position: relative;    background: #ed3237;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.blog-allpost-button:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    background: #fff;    -webkit-transform: scaleX(1);    transform: scaleX(1);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.blog-allpost-button:hover,
.blog-allpost-button:focus,
.blog-allpost-button:active {    color: #fff;    border-color: #ed3237;}
.blog-allpost-button:hover:before,
.blog-allpost-button:focus:before,
.blog-allpost-button:active:before {    -webkit-transform: scaleX(0);    transform: scaleX(0);}
.blog-allpost-meta span {    padding-right: 20px;}
.blog-allpost-meta span strong {    padding-right: 10px;    color: #333;}
.blog-allpost-meta span i {    padding-right: 8px;    color: #ed3237;}
.blog-allpost-meta a {    color: inherit;}
.allpost-media-wrap .blockquote,
.allpost-media-wrap .blog-link-post {    min-height: 419px;    background: #F1F1F1;    padding: 60px;    overflow: hidden;}
.allpost-media-wrap .blockquote p {    font-size: 18px;    color: #777;    font-style: italic;    letter-spacing: 1px;    margin-bottom: 20px;}
.allpost-media-wrap .blockquote p i {    font-size: 50px;    padding-right: 20px;}
.allpost-media-wrap .blog-link-post a {    position: absolute;    color: #fff;    background-color: #ed3237;    padding: 15px 10px;    font-size: 25px;    top: 50%;    left: 0;    right: 0;    text-align: center;    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -o-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);}
.blog-pagination {    margin-bottom: 20px;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    -ms-flex-align: center;    align-items: center;    -ms-flex-pack: justify;    justify-content: space-between;}
.blog-pagination .pagination,.blog-pagination .page-item:first-child .page-link,.blog-pagination .page-item:last-child .page-link {    border-radius: 0;    border: none;    margin: 0 30px;    color: #333;    background: #fff;}
.blog-pagination .page-link {    color: #fff;    background-color: #ed3237;    border: none;    border-radius: 30px;    margin: 0 5px;    padding: 12px 16px;}
.blog-pagination .page-link.active {    background: #333;}
.blog-recentPost {    background: #FBFBFB;    padding: 15px 20px;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;}
.blog-singleRecpost {    margin-bottom: 20px;    min-height: 100px;    padding-left: 117px;    position: relative;    overflow: hidden;}
.blog-singleRecpost img {    position: absolute;    left: 0;    top: 0;    width: 100px;}
.blog-recTitle {    line-height: 20px;    margin: 0;    font-size: 14px;}
.blog-recTitle a {    color: #333;}
.blog-singleRecpost p {	margin: 5px 0;}
.blog-singleRecpost p:last-child {	margin-top: 5px;	color: #ed3237;	font-size: 14px;}
.ext-pagination {	margin: -40px 0 0 0;	width: 100%;	float: left;}
.ext-pagination a.nextpo {	float: right;	color: #333;}
.ext-pagination a {	margin: 0 20px;	float: left;}
.promo-box-wrap {    background: #FBFBFB;    padding: 50px 20px;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    background: #ed3237;}
.promo-box-wrap p {    margin: 20px 0;    color: #333;}
.promo-wid-button {    color: #333;    padding: 6px 20px;    margin-right: 20px;    display: inline-block;    border: 1px solid #fff;    border-radius: 5px;   vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    position: relative;    background: #333;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.promo-wid-button:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    background: #fff;    border-radius: 5px;    -webkit-transform: scaleX(1);    transform: scaleX(1);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.promo-wid-button:hover,
.promo-wid-button:focus,
.promo-wid-button:active {    color: #fff;    border-color: #333;}
.promo-wid-button:hover:before,
.promo-wid-button:focus:before,
.promo-wid-button:active:before {    -webkit-transform: scaleX(0);    transform: scaleX(0);}
.tags-lists {} .tags-lists span a {    color: inherit;    padding: 8px 16px;    margin: 0px 10px 10px 0;    display: inline-block;    border-radius: 3px;    border: 1px solid #f6f6f6;}
.tags-lists span a {    vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    position: relative;    background: #ed3237;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.tags-lists span a:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;   left: 0;    right: 0;    background: #FBFBFB;    -webkit-transform: scaleX(1);    transform: scaleX(1);    -webkit-transform-origin: 50%;    transform-origin: 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.tags-lists span a:hover,
.tags-lists span a:focus,
.tags-lists span a:active {    color: #fff;    border-color: #ed3237;}
.tags-lists span a:hover:before,
.tags-lists span a:focus:before,
.tags-lists span a:active:before {    -webkit-transform: scaleX(0);    transform: scaleX(0);}
.sidebar-padding-right {    padding-right: 65px;}
.sidebar-padding-left {    padding-left: 65px;}
.page-media-wrap .blockquote {    background: #F1F1F1;    padding: 30px;    overflow: hidden;}
.page-media-wrap .blockquote p {    font-size: 18px;    color: #777;    font-style: italic;    letter-spacing: 1px;    margin-bottom: 20px;}
.page-media-wrap .blockquote p i {    font-size: 50px;    padding-right: 20px;}
/* blog comments style */
.single-page-comments-area {    background: #F1F1F1;    padding: 30px;}
.blog-count-sec {    overflow: hidden;}
.blog-count-sec .blog-comments-count {    margin-right: 20px;    position: relative;}
.blog-count-sec .blog-comments-count p {    background: #ed3237;    border: 1px solid #ed3237;    color: #fff;    font-family: 'Pacifico', cursive;    height: 90px;    width: 90px;    line-height: 27px;    padding-right: 10px;    padding-top: 10px;    font-size: 50px;    font-style: italic;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    border-radius: 50%;}
.blog-count-sec .blog-comments-count p i {    font-size: 20px;}
.blog-count-sec .blog-comments-count,.blog-count-sec .blog-comments-count-title {    float: left;}
.blog-count-sec .blog-comments-count-title h2 {    font-size: 22px;    text-transform: uppercase;    margin: 20px 0;}
.single-page-comments-area ol {    padding: 0;}
.single-page-comments-list .comment-inner {    border-bottom: 1px solid #ddd;    padding-bottom: 20px;}
.single-page-comments-list li {    padding: 15px 0 0;}
.single-page-comments-list li .reply-link {    float: right;}
.single-page-comments-list li .avatar {    float: left;    margin-right: 12px;}
.single-page-comments-list li .avatar img {    width: 90px;    height: 90px;    border: 1px solid #e9e9e9;}
.single-page-comments-list li .commenter {    overflow: hidden;}
.single-page-comments-list .comment-inner p {    margin-left: 100px;}
.single-page-comments-list .commenter p {    margin-left: 0;}
.single-page-comments-list li ol,
.single-page-comments-list li ul {    margin-left: 104px;}
.commenter a h4 {    font-weight: 400;    font-size: 17px;    display: inline-block;}
.commenter span.post-favourite {    padding: 0 10px;}
.commenter span.post-favourite i {    padding-right: 3px;    color: #777;}
.bcomments-form .form-control {    background-color: #F1F1F1;    height: 60px;    font-weight: 500;    letter-spacing: 1px;    border: none;    border-radius: 3px;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;    border: 1px solid transparent;}
.bcomments-form .form-group {    margin-bottom: 35px;}
.bcomments-form .form-control:focus {    border: 1px solid #ed3237;    padding-left: 20px;    border-radius: 0;}
.bcomments-form textarea.form-control {    height: auto;}
.btn-req-form {    background-color: #2171b9;    border: none;    border-radius: 0;    width: 100%;    height: 55px;    color: #fff;    text-transform: uppercase;    font-size: inherit;    font-weight: 500;    letter-spacing: 1px;    padding: 0 67px;    cursor: pointer;    -webkit-transition: all 1.5s ease .1s;    -moz-transition: all 1.5s ease .1s;    -ms-transition: all 1.5s ease .1s;    -o-transition: all 1.5s ease .1s;    transition: all 1.5s ease .1s;}
.btn-req-form:hover,
.btn-req-form:focus {    background: #333;}
.pricing-table-default {    border: 1px solid #e9e9e9;    position: relative;    padding: 0 0 50px;}
.pricing-head {	margin: 35px 0;}
.pricing-head h3 {	color: #313131;	font-size: 18px;	text-transform: uppercase;	margin: 0 0 25px;}
.pricing-head .price {	display: inline-block;color: #333;	background: #fff;	box-shadow: 1px 1px 4px #ddd;	height: 130px;	width: 130px;	border-radius: 50%;	padding: 37px 0 0 0;}
.pricing-head .price sup {    font-size: 20px;    top: -28px;}
.pricing-head .price-digit {	font-size: 55px;	font-weight: bold;	text-decoration: inherit;	color: #333;}
.pricing-detail {	margin: 0 0 45px;}
.pricing-list li {	display: block;	padding: 15px 0;	border-bottom: 1px solid #ddd;}
.pricing-list span {	font-weight: 700;}
.pricing-table-default .btn {    color: #333;   text-transform: uppercase;    font-weight: 600;    text-align: center;    display: inline-block;    padding: 10px 35px;    border: 1px solid #777;    border-radius: 0;}
.pricing-table-default .btn.focus, .pricing-table-default .btn:focus {    background-color: #333;    color: #fff;}
.pricing-table-default,
.pricing-head,
.pricing-head .price,
.pricing-head h3,
.pricing-table-default .btn {    -webkit-transition: all .3s ease-in-out;    transition: all .3s ease-in-out;}
.pricing-table-default:hover {    border-color: #ed3237;}
.pricing-table-default:hover .pricing-head .price-digit {    color: #fff;}
.pricing-table-default:hover .price {    background-color: #ed3237;}
.pricing-table-default:hover .pricing-head .price {    color: #fff;}
.pricing-table-default:hover .btn {    background-color: #333;    color: #fff;}
.product-item {	position: relative;	margin-bottom: 30px;	-webkit-transition: all 0.4s ease 0s;	-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;	border: 1px solid #f1f1f1;}
.product-item img {	width: 100%;}
.sticker {    position: absolute;    top: 0;    left: 0;    width: 63px;    height: 63px;}
.sticker-new {    background: url(../img/product/new.png) no-repeat;    left: auto;    right: 0;}
.pi-img-wrapper {    position: relative;}
.pi-img-wrapper div {	background: rgba(0, 0, 0, 0.3);	position: absolute;	left: 0;	top: 0;	width: 100%;	height: 100%;	text-align: center;	-webkit-transition: all 1.5s ease .1s;	-moz-transition: all 1.5s ease .1s;	-ms-transition: all 1.5s ease .1s;	-o-transition: all 1.5s ease .1s;	transition: all 1.5s ease .1s;	opacity: 0;	visibility: hidden;}
.product-item:hover .pi-img-wrapper div {	opacity: 1;	visibility: visible;}
.pi-img-wrapper div .addtocartbtn {    position: relative;    top: 50%;    padding: 5px 30px;    display: inline-block;    background-color: #ed3237;    border: 2px solid #ed3237;    text-transform: uppercase;    color: #fff;    font-size: 13px;    font-weight: 700;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -o-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);}
.pi-img-wrapper div .addtocartbtn:hover {background: #333; border-color: #333;}
.product-item h3 {	font-size: 15px;	text-transform: uppercase;	margin: 25px 0 10px;}
.product-item h3 a {    color: #333;}
.product-item h3 a:hover {    color: #ed3237;}
.price {color: #ed3237;	font-weight: 500;}
.price span {    color: #bebebe;    margin-left: 10px;    text-decoration: line-through;}
.rating {	margin: 10px 0 25px;}
.rating i {    color: #323232;    display: inline-block;}
.pagination {    margin: 60px 0 20px;}
.pagination > li > a,
.pagination > li > span {    color: #ed3237;}
.range-slider {    margin-bottom: 20px;}
#slider-range {	margin-top: 25px;}
.range-slider input {    width: 34%;    padding: 8px 0;}
.range-slider label {    display: inline;    padding-left: 16px;    margin: 0;}
.range-slider label,.range-slider span {    color: #afafaf;    font-weight: 400;}
.range-slider input#amount {    border: 0 none;}
.filter-btn {    border: 1px solid #ed3237;    background: #ed3237;    display: inline-block;    font-size: 13px;    color: #fff;    font-weight: 400;    padding: 8px 17px;    font-family: montserrat, sans-serif;    text-transform: uppercase;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;   -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;    float: left;}
.filter-btn:hover {    background: #333;    border: 1px solid #333;    color: #fff;}
.ui-widget-header {	background: #ed3237;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {	background: #f5f5f5;	border: 2px solid #f5f5f5;	border-radius: 0;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {	border-radius: 0;}
.sin-pro-image {	margin-bottom: 30px;}
.product-summary h2 {	margin-top: 0;	text-transform: uppercase;	font-size: 28px;}
.product-summary .price {    margin: 15px 0;    color: #ed3237;}
.product-summary .price span {    color: #bebebe;    margin-left: 10px;    text-decoration: line-through;}
.product-summary .description {    margin-bottom: 20px;}
.product-summary .rating {    margin-bottom: 20px;}
.quantity #demo_vertical {	background-color: #fff;	border: 1px solid #d4d4d4;	height: 40px;	text-align: center;	width: 84px;	flex: none;	padding: 0;}
.quantity #demo_vertical2 {	background-color: #fff;	border: 1px solid #d4d4d4;	height: 40px;	text-align: center;	width: 84px;	flex: none;	padding: 0;}
#single-product .quantity {    padding-left: 0;}
.quantity .input-group {    display: flex;}
.quantity label {	text-transform: uppercase;	margin-bottom: 15px;}
.quantity .bootstrap-touchspin .input-group-btn-vertical {    background-color: #fff;    border-color: #d4d4d4;    border-style: solid solid solid none;    border-width: 1px 1px 1px medium;    display: inline-block;    position: relative;    vertical-align: middle;    width: 27px;}
.quantity .bootstrap-touchspin .btn {    background-color: transparent;    color: #8c8c8c;   height: 50%;    margin: 0;    padding: 0;    text-align: center;    width: 30px;}
.quantity .bootstrap-touchspin .input-group-btn-vertical i {    font-size: 11px;    font-weight: normal;    left: 0;    position: absolute;    right: 0;    top: 0;}
.quantity .btn .glyphicon.glyphicon-chevron-up {    top: 8px;}
.product-summary .button {    position: relative;}
.product-summary .btncart,.total-price .btncart {    padding: 8px 13px;	margin-top: 25px;    display: inline-block;    background-color: #ed3237;    border: 1px solid #ed3237;    text-transform: uppercase;    color: #fff;    font-size: 13px;    font-weight: 700;	cursor: pointer;    -webkit-transition: all 0.4s ease 0s;    -moz-transition: all 0.4s ease 0s;    -o-transition: all 0.4s ease 0s;    transition: all 0.4s ease 0s;}
.product-summary .btncart:hover,
.product-summary .btncart:focus,
.total-price .btncart:hover,
.total-price .btncart:focus {    background-color: #333;    border-color: #333;    color: #fff;}
#single-product .nav.nav-tabs {    margin-top: 60px;}
#single-product .nav-tabs .nav-item.show .nav-link, #single-product .nav-tabs .nav-link.active {	color: #fff;	font-weight: 700;	background-color: #333;	border: none;	border-radius: 0;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {}
.nav-tabs .nav-link {	border-radius: 0;	color: #333;	border: none;}
.tab-content p {	margin-top: 20px;}
.whishlist-table .whishlist-pro-img img {    width: 90px;    background: #f1f1f1;}
.whishlist-table p {    font-weight: 700;    color: #333;}
.whishlist-table p span {    font-weight: 400;}
.whishlist-table .thead-inverse th {	color: #333;	background-color: #f8f8f8;	text-transform: uppercase;	padding: 7px 0;	border: 1px solid #e9e9e9 !important;	text-align: center;	font-size: 15px;}
.whishlist-table tr td {    vertical-align: middle !important;    padding: 30px !important;    border: 1px solid #e9e9e9;}
.whishlist-table p a i {    color: #333;    font-size: 30px;}
.whishlist-table {    margin: 0 0 20px;}
.checkout-form .form-control {	background-color: #f9f9f9;	height: 60px;	font-weight: 500;	letter-spacing: 1px;	border: none;	border-radius: 3px;	-webkit-transition: all 1.5s ease .1s;	-moz-transition: all 1.5s ease .1s;	-ms-transition: all 1.5s ease .1s;	-o-transition: all 1.5s ease .1s;	transition: all 1.5s ease .1s;	border: 1px solid transparent;}
.checkout-form .form-control:focus {	border: 1px solid #ed3237;	padding-left: 20px;	border-radius: 0;}
.checkout-form textarea.form-control {	height: auto;}

.copyright-text {    text-align: center;}
a.meanmenu-reveal {    display: none}
.mean-container .mean-bar {    float: left;    width: 100%;    position: relative;    background: #333;    padding: 4px 0;    min-height: 42px;    z-index: 99;}
.mean-container a.meanmenu-reveal {    width: 28px;    height: 19px;    padding: 13px 13px 11px;    position: absolute;    top: 5px;    right: 8px !important;    cursor: pointer;    color: #f4cb10;    text-decoration: none;    text-indent: -9999em;    line-height: 28px;    display: block;    font-family: Arial, Helvetica, sans-serif;    font-weight: 700;    background: #fff;}
.mean-container a.meanmenu-reveal span {    display: block;    background: #f4cb10;    height: 3px;    margin-top: 3px;}
.mean-container .mean-nav {    float: left;    width: 100%;    background: #0c1923;    margin-top: 44px;}
.mean-container .mean-nav ul {    padding: 0;    margin: 0;    width: 100%;    list-style-type: none;}
.mean-container .mean-nav ul li {    position: relative;    float: left;    width: 100%;}
.mean-container .mean-nav ul li a {    display: block;    float: left;    width: 90%;    padding: 1em 5%;    margin: 0;    text-align: left;    color: #fff;    border-top: 1px solid #383838;    border-top: 1px solid rgba(255, 255, 255, .5);    text-decoration: none;    text-transform: uppercase;}
.mean-container .mean-nav ul li li a {    width: 80%;    padding: 1em 10%;    border-top: 1px solid #f1f1f1;    border-top: 1px solid rgba(255, 255, 255, .25);    opacity: .75;    filter: alpha(opacity=75);    text-shadow: none !important;    visibility: visible;}
.mean-container .mean-nav ul li.mean-last a {    border-bottom: 0;    margin-bottom: 0}
.mean-container .mean-nav ul li li li a {    width: 70%;    padding: 1em 15%}
.mean-container .mean-nav ul li li li li a {    width: 60%;    padding: 1em 20%}
.mean-container .mean-nav ul li li li li li a {    width: 50%;    padding: 1em 25%}
.mean-container .mean-nav ul li a:hover {    background: #252525;    background: rgba(255, 255, 255, .1)}
.mean-container .mean-nav ul li a.mean-expand {    margin-top: 1px;    width: 26px;    height: 32px;    padding: 12px !important;    text-align: center;    position: absolute;   right: 0;    top: 0;    z-index: 2;    font-weight: 700;   background: rgba(255, 255, 255, .1);    border: 0 !important;    border-left: 1px solid rgba(255, 255, 255, .4) !important;    border-bottom: 1px solid rgba(255, 255, 255, .2) !important;}
.mean-container .mean-nav ul li a.mean-expand:hover {    background: rgba(0, 0, 0, .9)}
.mean-container .mean-push {    float: left;    width: 100%;    padding: 0;    margin: 0;    clear: both}
.mean-nav .wrapper {    width: 100%;    padding: 0;    margin: 0}
.mean-container .mean-bar,.mean-container .mean-bar * {    -webkit-box-sizing: content-box;    -moz-box-sizing: content-box;    box-sizing: content-box}
.mean-remove {    display: none !important}
/* Rectangle Out */
.hvr-rectangle-out {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  background: #e1e1e1;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-rectangle-out:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0; background: #f17821;  -webkit-transform: scale(0);  transform: scale(0);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {  color: white;}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {  -webkit-transform: scale(1);  transform: scale(1);}
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  background: #ffd202;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-shutter-in-horizontal:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: #e1e1e1;  -webkit-transform: scaleX(1);  transform: scaleX(1);  -webkit-transform-origin: 50%;  transform-origin: 50%;  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {  color: white;}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {  -webkit-transform: scaleX(0);  transform: scaleX(0);}
a.about-btn {    background: #2171b9;   padding: 8px 30px 8px 30px;    color: #fff;    font-size: 16px;}
.home-form-img img {    width: 100%; border: 2px solid #2171b9; margin-top: 112px;}
.calltoaction-wrap i{color: #fff;}

input#rsubmitButton {    float: left;}
section.sitemap {    float: left;    width: 100%;    padding: 80px 0;}
.sitemap-list a {color: #333;}
.sitemap-list ul ul {    padding-left: 25px;}
.top-content-style {        background: #2171b9;    padding: 0px 30px;    padding-top: 15px;    padding-bottom: 15px;}
.top-content-style img {    width: 100%;    margin-bottom: 15px;}
p.legend {    color: #fff;    font-size: 24px;    text-align: center;    text-transform: uppercase;    font-weight: 700;}
.input {    position: relative;    margin: 20px auto;    width: 100%;}
.input input {    width: 100%;    padding: 6px 35px 6px 35px;    display: block;    border: none;    border: 1px solid #ccc;    color: #000;    box-sizing: border-box;    font-size: 16px;    outline: none;    letter-spacing: 1px;    background: #fff;}
.input i {    position: absolute;    display: block;    color: #2171b9;    left: 8px;    top: 8px;    font-size: 20px;}
.input textarea {    width: 100%;    padding: 4px 10px 13px 34px;    display: block;    border: none;    border: 1px solid #ccc;    color: #000;    box-sizing: border-box;    font-size: 16px;    outline: none;    letter-spacing: 1px;    background: #fff;    resize: none;    height: 100px;}
.submit {    width: 100%;    height: 45px;    display: block;    background: #ff7133;    -webkit-border-radius: 10px;    -o-border-radius: 10px;    -ms-border-radius: 10px;    -moz-border-radius: 10px;    border-radius: 10px;    border: none;    color: #fff;    cursor: pointer;    -webkit-transition: 0.5s all;    -o-transition: 0.5s all;    -moz-transition: 0.5s all;    -ms-transition: 0.5s all;    transition: 0.5s all;    text-transform: uppercase;    font-weight: 600;    font-size: 18px;}
section.our-presence {padding: 50px 0; width: 100%; float: left;}
.inner-our-presence {     background: #ed3237;padding: 15px 0;  text-align: center; color: #fff;}
.inner-our-presence a{ color: #fff;  font-size: 18px;  font-weight: 500;}
.city{    background-color: #33455e; padding: 15px 20px 15px 20px;     margin-bottom: 25px;}
.city a{color: #fff;  font-size: 18px;}
.our-presence-row {margin-bottom: 30px;     padding: 2px;}
.inner-box{background-color: #333; text-align: center;     padding-bottom: 15px;  padding-top: 15px;}
.inner-box a{color: #fff; font-size: 16px;}
.under-cover{margin-bottom: 15px; width: 100%; float: left;}
.boxes {margin-bottom: 20px;     padding: 2px;}
section.products-details {padding: 50px 0; width: 100%; float: left;}
.final-products img{width: 100%;     margin-bottom: 20px;}
.final-products p {line-height: 25px;}
.products-details{padding: 50px 0px;}
.cover-product {padding-left: 0px;  min-height: 250px;  width: 385px;  float: left; margin-right: 20px;}
.cover-product-this p {line-height: 24px; margin-bottom: 16px;}
.only-product h2 {font-size: 32px;}
.zoom-effect img {width: 100%; border: 1px solid #ccc;}
.cover-product-this p {  line-height: 28px; }
.products-fill { border-right: 1px solid #ccc;}
.single-con-add-text p {    font-size: 16px;}
.contact-page-type textarea {    height: 170px !important;}
section.map iframe {    display: block;}
.contact-form-this {    background: #f1f1f1;}


/*Call Me*/
.phone_lefts-side {    position: relative;}
.phone_lefts-side a {    position: fixed;    bottom: 180px;    color: white;    animation: topBottom 4s infinite;    z-index: 999;    left: 25px;     background: #2171b9;   color: white;    padding: 10px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}
.glow {    font-size: 80px;    color: #fff;    text-align: center;    -webkit-animation: glow 1s ease-in-out infinite alternate;    -moz-animation: glow 1s ease-in-out infinite alternate;    animation: glow 1s ease-in-out infinite alternate;}
@-webkit-keyframes glow {
from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}
@keyframes glow {
  from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
  to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}
.bounce {    animation: bounce 965 1.6s ease infinite;    transform-origin: 50% 50%;}
@keyframes bounce {
0% {transform: translateY(0);}
12.5% {transform: translateY(0); }
25% {transform: translateY(0);}
50% {transform: translateY(-15px);}
62.5% {transform: translateY(0);}
75% {transform: translateY(-15px);}
100% {transform: translateY(0);}
}

/*Whatsapp-popup*/
#whatsapp .wtsapp:focus {    border: none;    outline: none;}
#whatsapp .wtsapp {    position: fixed;    transition: all .5s ease;    background: #25d366;    display: block;    text-align: center;    box-shadow: 0 0 20px rgba(0,0,0,0.15);    /* margin: 0; */    border-radius: 50px;    border-right: none;    color: #fff;    font-weight: 700;    font-size: 18px;    bottom: 111px;    left: 25px;    border: 0;    z-index: 999;    width: 50px;    height: 50px;    line-height: 48px;}
#whatsapp .wtsapp:before {    content: "";    position: absolute;    z-index: -1;    left: 50%;    top: 50%;    transform: translateX(-50%) translateY(-50%);    display: block;    width: 60px;    height: 60px;    background: #25d366;    border-radius: 50%;    -webkit-animation: pulse-border 1500ms ease-out infinite;    animation: pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border {
 0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);  opacity: 1;}
100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}
.mobile-three-item {    text-align: center;    display: none;    position: fixed;    z-index: 999;    bottom: 0;    width: 100%;}
.mobile-three-item li {    display: inline-block;    margin-right: 0;   width: 32%; padding: 5px 0px;}
.mobile-three-item li:nth-child(1) {    background-color: #002f40;}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {  background: #f17821;}
.mobile-three-item li a {    color: #fff; font-size: 14px;}
.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;   z-index: 1000; background-color: #000;}
.mobile-btn-animation a {    color: white;}
#mobile-call-container a {    width: 100%;    min-width: 100%;}


/* Send Enquire */
.enquiry {    position: fixed;    z-index: 1000;    bottom: 45px;    left: 25px;    height: 50px;    color: #fff;    font-size: 18px;    text-align: center;    text-decoration: none;    cursor: pointer;}
.enquiry i {    float: left;    z-index: 999;    position: absolute;    left: 0;    width: 50px;    height: 50px;    border-radius: 50%;    color: #fff;    font-size: 24px;    line-height: 50px;    text-align: center;    text-decoration: none;    cursor: pointer;    background: #f17821;    transition: 0.5s;    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong {    background-color: #0680ce;    line-height: 28px;    color: #000;    padding: 10px 20px;    border-radius: 0 30px 30px 0;    height: 45px;    float: left;    font-size: 15px;    margin-top: 3px;    margin-left: 35px;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.enquiry i:hover {    color: #fff;    background-image: var(--gradient-color);}
.enquiry strong:hover {    color: #000;    background: #eee;}
div#exampleModal .modal-dialog {    width: 100% !important;}
/* Modal Form*/
.modal-content {    border-radius: 0;}
.close {    float: right;    font-size: 23px;    font-weight: 600;   line-height: 2;    color: #fff;    text-shadow: 0 1px 0 #fff;    opacity: .7;}
.close:hover, .close:focus {    color: #fff;    text-decoration: none;    cursor: pointer;    opacity: .9;}
.send_p {    font-size: 17px !important;    line-height: 22px;    text-align: center;   margin-bottom: 20px;}
.modal-body input[type="text"], .modal-body select, .modal-body input[type="number"] {    width: 100%;    padding: 5px 12px;    border-radius: 0px;}
.modal-body textarea {    width: 100%;    height: 120px;    padding: 5px 12px;  border-radius: 0px;}
.modal-body select {    width: 100%;}
.pac-container {    z-index: 100000;}
.g-recaptcha {    transform: scale(0.80);    transform-origin: 0 0;    -webkit-transform-origin: 0 0}
.modal_btn {    width: auto;    background: #2171b9;    padding: 8px 25px;    border: none;    color: #fff;    font-size: 17px;    border-radius: 4px;    cursor: pointer;    transition: 0.5s;}
.modal_btn:hover,.modal_btn:focus {  background: #ff6c26;  color: #fff;}
.form-group textarea {    height: 100px !important;}
/*button.close {    position: relative;    left: 88%;}*/
/*button.close {display: block;  text-align: center; width: 100%; font-size: 22px; line-height: 45px;}*/
span.modal-title {    display: block;    text-align: center;    width: 100%;}
span#exampleModalLabel {    line-height: 42px !important;    font-size: 25px !important;}
.modal-header {background: #2171b9;}
button.set-mtter {    position: relative;    left: 12px;}
.heading-three h1 {    font-size: 25px;    margin-top: 12px;}
.heading-three ul{padding-left: 15px; margin-bottom: 10px;}
.heading-three ul li{list-style: disc; color: #000; text-align: justify; font-size: 17px ;}
.heading-three b{color: #000;}
.calltoaction-wrap {    text-align: left;}
.calltoaction-wrap ul li {    color: #000; margin-bottom: 8px;   list-style-type: disc; font-size: 17px;}
.calltoaction-wrap ul{padding-left: 15px;}

.link-hide-responsive a {    color: #2171b9;}

.faqs{width: 100%; float: left;}
.ziehharmonika span {   background: #2171b9;    color: #fff;    display: block; text-align: left;   border-radius: 4px; padding: 5px 12px;  cursor: pointer;    margin-top: 0;  font-size: 20px;    margin-bottom: 9px; padding-right: 40px;    transition: 0.25s all;  position: relative;}
.ziehharmonika span.active {    margin-bottom: 21px;    color: #fff;    background: #f17821;}
.ziehharmonika span::before {   content: attr(data-prefix); font-size: 30px;    margin-right: 9px;}
.ziehharmonika span.alignLeft { padding-left: 35px;}
.ziehharmonika > div {  display: none;  background: #fff;   border-radius: 4px; border: 1px solid #cdcdcd;text-align: left; padding: 31px 33px; margin-bottom: 9px;}
.ziehharmonika .arrowDown { width: 0;   height: 0;  border-style: solid;    border-width: 13.0px 7.5px 0 7.5px; border-color: #272e35 transparent transparent transparent;  position: absolute; bottom: 0;  left: 40px; transition: 0.25s all;  opacity: 0;}
.ziehharmonika .active .arrowDown { bottom: -13px;  border-color: #2171b9 transparent transparent transparent;  opacity: 1;}
.ziehharmonika .collapseIcon {  position: absolute; right: 20px;    top: 45%;   font-size: 35px;    font-weight: 300;   -ms-transform: translate(0, -50%);      transform: translate(0, -50%);}
.ziehharmonika .collapseIcon.alignLeft {    right: initial; left: 20px;}
.ziehharmonika ul {    margin-top: 28px; padding-left: 15px; margin-bottom: 28px;}
.ziehharmonika ul li {    list-style-type: circle;}
section#portfolio {    background: #f1f1f1;}

.error-page-wrap a {    display: block;    background: #ff7133;    padding: 10px;    width: 22%;    margin: 0px auto;}


.full-width-content {    margin: 0px auto;}
p.related-heading{    background: #2171b9;    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.related-products .section-heading {    text-align: center;}

.read-btn a {    background: #000;    padding: 7px 15px;    color: #fff;}
span.text-theme-colored {    font-size: 20px;}
.related_img img {    height: 160px;    margin: 10px 0px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_content {    margin-top: 10px;}
.related-products {    width: 100%;    float: left;    background: #f9f9f9;}
span.text-theme-colored {    font-size: 30px;}
.related_content p {    margin-bottom: 20px;}
.qualit-starndard {    width: 100%;    float: left;    padding: 50px 0;}

.qualit-starndard_inner p {    line-height: 22px;    margin-bottom: 20px;}
.qualit-starndard_inner span {    font-size: 20px;    display: block;    margin-bottom: 12px;}
.qualit-starndard_inner ul li {    font-size: 16px;}
.qualit-starndard_inner ul {    margin-bottom: 18px;}
.pdf_design img {    border: 2px solid #ccc;}
.contact-us-btn {    color: #fff;    background: #f17821;    display: inline-block;    padding: 5px 10px;    margin: 13px;    font-weight: 700;    border-radius: 13px; cursor: pointer; transition: .5s;}
.contact-us-btn:hover{ background-color: #eee; color: #f17821;}

.quality-pdf-design {    width: 100%;    float: left;    background: #f9f9f9;}
.quality-pdf-design h3 {    font-size: 22px;}
.partnership_row {    margin-top: 70px;}

.partnership_row span{font-size: 30px; margin-bottom: 30px; color: #000;}
.catalogue-download {    width: 100%;    float: left;    padding: 50px 0 0px 0px;}
.catelogue_box {    text-align: center;    margin-bottom: 50px;}
.header-info-box img {    width: 70%;}
.social ul li {    margin-right: 3px;}
section#portfolio .row {    justify-content: center; margin-bottom: 50px;}
.main-header.header-1 span {      font-size: 16px; font-weight: 500;}
.our-read-more a { margin-bottom: 20px;   background: #f17821; transition: 0.5s ease;    color: #fff; font-size: 18px; font-weight: 500;    padding: 5px 10px;    border-radius: 5px;    margin-top: 10px;    display: inline-block;}
.our-read-more a:hover{ background: #fff; color: #f17821;}
section#mission-vision{ float: left; width: 100%;}
.col-lg-7.text-center.qulity-img {    display: flex;   flex-direction: column;    justify-content: center;}
.form-side-left h4 {    text-align: center;    background: #2171b9;    padding: 13px;    color: #fff;}
div#undefined-sticky-wrapper .container-fluid {    padding: 12px 29px !important;}

div#undefined-sticky-wrapper .row {    align-items: center;}
.calltoaction-wrap ul li span {    font-size: 17px;}
.our-values-section{ float: left; width: 100%;}
.section-title-2 p {    margin: 0;    width: 100%;    padding: 0; font-size: 17px; text-align: justify; color: #000;}
.sticky-menu .navbar-nav {    gap: 3px;}
section.why-choose-us {    float: left;    width: 100%;}
.Certificate-name {    color: #000;    font-weight: 600;    padding-top: 10px;}
.uk-table-striped > tr:nth-of-type(odd), .uk-table-striped tbody tr:nth-of-type(odd) {
    background: #f8f8f8;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

table.uk-table.uk-table-small.uk-table-divider.uk-table-striped.uk-text-center {
    width: 100%;
}

p.heading {
    font-size: 16px;
    color: #000;
    
}

p.heading span {
    color: red;
    font-weight: 500;
}

ul.list-1 li {
    list-style: disc;
    /* font-weight: 600; */
    margin-left: 28px;
}

section.our-commitment-section{
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

section.our-commitment-section ul {
    margin-top: 10px;
    line-height: 35px;
}



p.product-p {
    font-size: 17px;
    color: #000;
    text-align: justify;
}

.head-3 {
    font-weight: 600 !important;
    margin-top: 10px ;
    font-size: 25px !important;
    line-height: 35px;
}

.product-ul li {
    font-size: 17px;
    color: #000;
    line-height: 35px;
}

p.text-justify {
    color: #000;
    font-size: 17px;
}

.table td, .table th{
    color: #000;
}

p, ul{
    color: #000;
}
.footer-social-text p{
    color: #fff;
}
main.Products-page .row{
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

main.Products-page .row .col-md-4 h5 {
    margin-top: 11px;
}

main.Products-page .row .col-md-4{
    text-align: center;
}

ul.product-ul li {
    list-style: disc;
}

.contact-content {
    float: left;
    width: 100%;
    background: #f1f1f1;
}


.contact-content .row{
    gap: 25px;
}

.contact-content .row p{
    font-size: 17px;
}



.mail-content {
    text-align: left;
    padding: 10px 25px;
    border-radius: 25px;
    color: #000;
    
}

.mail-content a{color: #2171b9;}

select#country{
    height: 100%;
    color: #868e9c;
}

.carousel-caption {
    position: absolute;
    right: 57%;
    bottom: 37%;
    left: 4%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

a.view-details-banner {
    background: #f17821 !important;
    padding: 5px 10px !important;
    margin-top: 15px !important;
    display: inline-block !important;
    border-radius: 5px !important;
    font-weight: 500 !important;
    transition: .5s;
    color: #fff;
    font-size: 15px;
}

a.view-details-banner:hover{
    background: #2171b9 !important;
}

a.carousel-control-prev {
    height: 50px !important;
    margin: auto !important;
}

div#carouselExampleControls h5 {
    font-size: 30px;
}