* {
padding: 0;
margin: 0;

outline: none;
}

h1, h2, h3, h4, h5, h6, p {
margin: 0
}

a, a:hover {
text-decoration: none !important;
color: inherit;
}

body, html {
height: 100%;
font-family: 'Raleway', sans-serif;
}

/***Reset****/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}

body {
line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

nav ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}

a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}

/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}

input, select {
vertical-align: middle;
}

/**************Reset End**********************/
.padding-80 {
padding: 0 80px !important;
}

.ptb-30 {
padding-top: 20px !important;
padding-bottom: 30px !important;
}

.ptb-80 {
padding-top: 80px;
padding-bottom: 80px;
}

.ptb-50 {
padding-top: 50px;
padding-bottom: 50px;
}

.d-flex {
display: flex;
justify-content: flex-start;
align-items: center
}

.flex-end {
justify-content: flex-end
}

.flex-between {
justify-content: space-between
}

.padding-0 {
padding: 0
}

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

/*******************/
.video-slider {
position: relative;
/* overflow: hidden */
}

#video {
object-fit: initial;
width: 100%;
height: 800px;
}

.video-overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.7);
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.header-top {
position: absolute;
top: 0;
width: 100%;
left: 0;
right: 0;
margin: auto;
top: 40px;
padding-left: 80px;
padding-right: 80px;
}

.menu-box {
/* background: #fff;
width: 50px;
height: 50px; */
}

.menu-box-overlay{
position: absolute;
width: 75pc;
height: 75pc;
background: #13252c;
top: 0;
border-radius: 50%;
top: -35pc;
right: -80px;
z-index: 99;
display: none
}

.overlay-content {
padding-top: 50%;
text-align: right;
width: 635px;
margin-left: 190px;
opacity: 1;
-webkit-transition-delay: .3s;
transition-delay: .3s;
-webkit-transition: .25s opacity ease;
transition: .25s opacity ease;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}

.overlay-content  .wrap-nav {
font-size: 46px;
margin-top: 110px;
margin-right: 22px;
text-align: right;
}

.overlay-content  .wrap-nav li {
margin-top: 20px;
list-style: none;
}

.overlay-content  .wrap-nav a {
color: #fff;
font-size: 50px;
}

.logo{
margin-right: auto;
}

.header-social .d-flex{
flex-direction: column;
}

.header-social  .social-link a {
width: 25px;
height: 25px;
font-size: 14px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 15px;
color: #13252c;
}

/*************/
.service-highlight {
margin-top: -300px;
text-align: center
}

.service-highlight .heading {
font-size: 60px;
text-transform: uppercase;
letter-spacing: .1em;
color: #ffffff;
font-weight: 600
}

.service-highlight .sub-heading {
font-size: 22px;
color: #ffffff;
}

.service-body {
margin-top: 15px;
}

.service-box {
width: 210px;
height: 210px;
background: #f8f8f8;
border: 1px solid #e3e1e0;
padding: 10px;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
}

.service-box img{
object-fit: contain
}

.service-box p{
width: 100%;
line-height: 1.2;
margin-top: 15px;
color: #680c27;
font-weight: 600
}


/*******/
.about-us .heading {
font-size: 42px;
font-weight: 300;
margin-bottom: 30px;
}

.about-us h4 {
font-size: 22px;
color: #13252c;
font-weight: 600;
padding-bottom: 25px;
text-decoration: underline
}

.about-us p {
font-size: 22px;
color: #13252c;
font-weight: 300;
padding-bottom: 20px;
line-height: 1.5
}

/**************/
.client-testi-box .heading {
font-size: 42px;
font-weight: 300;
margin-bottom: 30px;
}

.logo-card {
background-color: #f8f8f8;
border: 1px solid #e3e1e0;
/* padding: 0 10px;
height: 115px; */
width: 32%;
margin-bottom: 10px;
}

.client-box {
flex-wrap: wrap;
justify-content: space-between
}

.testimonial-box h4 {
font-size: 22px;
color: #13252c;
font-weight: 600;
margin-bottom: 15px;
}

.testimonial-box p {
font-size: 18px;
color: #13252c;
padding-bottom: 20px;
line-height: 1.7
}

.testimonial-box h6 {
font-size: 16px;
color: #13252c;
font-weight: 600;
text-decoration: underline
}

/************/
footer {
background: #680c27;
padding: 100px 50px 20px;
color: #fff;
}

footer h4 {
font-size: 30px;
color: #fff;
font-weight: 400;
margin-bottom: 20px;
}

.footer-contact p {
font-size: 18px;
margin-bottom: 10px;
line-height: 1.5
}

.social-link a {
width: 40px;
height: 40px;
border-radius: 100%;
background: #fff;
color: #680c27;
display: inline-block;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
margin-right: 10px;
transition: linear 0.2s;
}

.social-link a:hover {
background: #9FA7A9
}

.copyright {
text-align: center;
margin-top: 70px;
}


/* ******************** */

.works-frame {
margin-top: 50px;
margin-bottom: 50px;
}

.video-frame {
height: 315px;
padding: 0px;/* margin-bottom: 30px; */
position: relative;
margin-bottom: 15px;
}

.works-frame a {
font-family: 'Agency FB Bold', arial;
font-size: 16px;
padding: 10px 0;
display: block;
color: #000;
}

/****************/

.inner-banner{
height: 350px;
background: url('../images/slide2.jpg');
background-attachment: fixed;
}

.page-heading{
color: #fff;
text-align: center;
text-transform: uppercase;
margin-top: 30px
}

.page-heading p{
font-size: 22px;
padding-bottom: 10px;
font-weight: 500;
}

.page-heading h1{
font-size: 45px;
font-weight: bold;
}

/*********/

.map-box{
height: 450px;
margin-top: 50px;
}

/* *******Contact Us******** */
.contact-us {
padding: 50px 0px;
display: flex;
justify-content: space-between;
}

.contact-left {
}

.contact-left h2{
font-size: 16px;
/* font-weight: 700; */
padding-bottom:10px;

}

.contact-left p {
font-size: 16px;
line-height: 25px;
opacity: 0.6;
}

.contact-inquery {
width: 50%;
}

.contact-inquery h2 {
font-size: 18px;
padding-bottom:20px;
}

.contact-inquery .form-control {
color: #000;
background-color: transparent;
border: 1px solid #ddd;
border-radius: 1px;
height: 50px;
}

.contact-inquery label {
display: inline-block;
max-width: 100%;
margin-bottom: 15px;
font-size: 14px;
font-weight: 600;
}

.contact-inquery .form-group {
margin-bottom: 12px;
}

.send-btn{
padding: 15px 20px;
margin: 30px 0 0 0;
cursor: pointer;
border: 2px solid rgba(0, 0, 0, 0.1);
font-size: 18px;
font-weight: 500;
width: auto;
text-align: center;
color: #000;
letter-spacing: 1px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: inline-block;

}


/*************/

.service-frame{
margin-top: 50px;
margin-bottom: 50px;
}

.service-list {
list-style-type: disc;
list-style-position: inside;
}

.service-list li{
font-size: 18px;
padding-bottom: 15px;	
}

.service-frame h4 {
font-size: 22px;
color: #13252c;
font-weight: 600;
padding-bottom: 25px;
text-decoration: underline
}

.service-frame p {
font-size: 22px;
color: #13252c;
font-weight: 300;
padding-bottom: 20px;
line-height: 1.5
}

.service-frame .d-flex{
align-items: flex-start;
}

.service-frame .d-flex .flex-box{
margin-right: 50px;
}

/**********************/

.menu-btn {
display: block;
/* left: 50%;
margin: 1em;
position: absolute;
top: 50%; */
width: 36px;
/* transform: translate(-50%,-50%);   */
position: relative;
z-index: 999;
cursor: pointer;
}

.menu-btn:before,
.menu-btn:after {
background-color: #fff;
content: '';
display: block;
height: 4px;
transition: all 200ms ease-in-out;
}

.menu-btn:before {
box-shadow: 0 10px 0 #fff;
margin-bottom: 16px;
}

.menu-btn:hover:before {
box-shadow: 0 0 0 #fff;
transform: translateY(10px) rotate(45deg);
}

.menu-btn:hover:after{
transform: translateY(-10px) rotate(-45deg);
}

#playArea {
background: #000; 
height: 350px;
width: 100%;
}

/**********/

.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
right: 0;
background-color: #fff;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
box-shadow: 0px 0px 5px #ddd;
}

.sidenav a {
padding: 12px 8px 12px 50px;
text-decoration: none;
font-size: 30px;
color: #13252c;

display: block;
transition: 0.3s;
}

.sidenav a:hover {
color: #680C27;
}

.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}

/****/

.hamburger-icon{
color: #fff;
font-size: 30px;
cursor: pointer;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
margin-left: -160px;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
margin-right: -160px;
}

/********Media Start**********/

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

#video {
height: 100vh;
object-fit: cover;
}

.header-top {
top: 20px;
padding-left: 15px;
padding-right: 15px;
}

.logo {
width: 80px;
}

.header-social .social-link a {
width: 20px;
height: 20px;
font-size: 10px;
}

.service-highlight {
margin-top: -60px;
text-align: center;
}

.service-body {
margin-top: 25px;
flex-direction: column;
}

.service-box {
width: 100%;
height: 100%;
margin-bottom: 15px;
}

.ptb-50 {
padding-top: 20px;
padding-bottom: 20px;
}

.about-us .heading {
font-size: 32px;
margin-bottom: 20px;
}

.about-us h4 {
font-size: 18px;
padding-bottom: 20px;
}

.about-us p {
font-size: 18px;
}

.about-us .heading {
font-size: 22px;
}

.about-us h4 {
font-size: 16px;
line-height: 1.3;
}

.client-testi-box .heading {
font-size: 22px;
margin-bottom: 20px;
}

.testimonial-box h4 {
font-size: 18px;
margin-bottom: 15px;
}

.testimonial-box p {
font-size: 16px;
color: #13252c;
padding-bottom: 20px;
line-height: 1.5;
}

footer {
padding: 50px 15px 20px;
padding-right: 15px;
padding-left: 15px;
color: #fff;
}

.footer-contact{
margin-top: 20px;
}

footer h4 {
font-size: 22px;
}

.footer-contact p {
font-size: 16px;
}

.social-link a {
width: 30px;
height: 30px;
font-size: 16px;
}

.copyright {
margin-top: 50px;
line-height: 1.2;
}

.page-heading h1 {
font-size: 18px;
font-weight: bold;
}

.page-heading {
margin-top: 80px;
}

.padding-80 {
padding: 0 15px !important;
}

.video-frame {
height: 100%;
}

.service-frame .d-flex {
align-items: flex-start;
flex-direction: column;
}

.service-frame .d-flex .flex-box {
    margin-right: 0;
}

.service-frame p {
font-size: 16px;
line-height: 1.4;
}

.service-frame h4 {
font-size: 18px;
line-height: 1.2;
}

.service-list li {
font-size: 16px;
padding-bottom: 15px;
}

.contact-us {
flex-direction: column;
}

.contact-inquery {
width: 100%;
margin-top: 30px;
}

/**********/
}