@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:700&display=swap');

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald Bold';
    src: url('../fonts/Oswald-Bold.eot');
    src: url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Bold.woff2') format('woff2'),
        url('../fonts/Oswald-Bold.woff') format('woff'),
        url('../fonts/Oswald-Bold.ttf') format('truetype'),
        url('../fonts/Oswald-Bold.svg#Oswald-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald Medium';
    src: url('../fonts/Oswald-Medium.eot');
    src: url('../fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Medium.woff2') format('woff2'),
        url('../fonts/Oswald-Medium.woff') format('woff'),
        url('../fonts/Oswald-Medium.ttf') format('truetype'),
        url('../fonts/Oswald-Medium.svg#Oswald-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
  font-family: 'Ubuntu Condensed';
  src: url('../fonts/Ubuntu-C.ttf');
}
@font-face {
  font-family: 'Hallo sans';
  src: url('../fonts/Hallo-sans.otf');
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-Regular.ttf');
}
*{
    box-sizing: border-box;
}

body,
button,
input,
select,
textarea{
    font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: 'Montserrat';
}

body{
    margin: 0;
    background: #fff;
}

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

h1,
h2,
h3,
h4,
h5,
h6{
    margin-top: 0;
    font-family: 'Oswald Bold';
}

p{
    font-family: 'Montserrat';
    margin: 0 0 20px;
}

img{
    max-width: 100%;
    height: auto;
}

embed,
iframe,
object {
    max-width: 100%;
}

a{
    color: #962179;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

a:focus{
    text-decoration: none;
    outline: thin dotted;
}

/*===========================
 Common Site Style
===========================*/
.container{
    max-width: 1170px;
    margin: 0 auto;
}

.btn-primary{
    font-size: 15px;
    font-family: "Trebuchet MS";
    color: #fff;
    background: #962179;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 15px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.btn-primary:hover,
.btn-primary:focus{
    text-decoration: none;
    background: #50033D;
}

.section-title{
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 10px;
}

/*=====================
 Header Style
=====================*/
.site-header{
    position: relative;
    z-index: 2;
}

.header-t{
    background: #003445;
    color: #fff;
    padding: 9px 0;
}

.header-t .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.header-t .contact-info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header-t .contact-info .phone{
    display: flex;
    align-items: center;
    margin-right: 8px;
    padding-right: 8px;
    position: relative;
}

.header-t .contact-info .phone:after{
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 16px;
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0.45+0,1+50,0.45+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.45) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.45) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.45) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.45) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.45) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ffffff', endColorstr='#73ffffff',GradientType=0 ); /* IE6-9 */
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-t .contact-info .icon-holder{
    margin-right: 4px;
}

.header-t .contact-info svg{
    vertical-align: middle;
}

.header-t .contact-info svg path{
    fill: #fff;
}

.header-t .social-info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header-t .social-info ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.header-t .social-info ul li{
    margin-left: 4px;
}

.header-t .social-info ul li a{
    display: flex;
    width: 30px;
    height: 30px;
    background: url('../images/social-networks.png') no-repeat;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.header-t .social-info ul li .facebook{
    background-position: 0 0;
}

.header-t .social-info ul li .facebook:hover{
    background-position: 0 -35px;
}

.header-t .social-info ul li .twitter{
    background-position: -35px 0;
}

.header-t .social-info ul li .twitter:hover{
    background-position: -35px -35px;
}

.header-t .social-info ul li .youtube{
    background-position: -70px 0;
}

.header-t .social-info ul li .youtube:hover{
    background-position: -70px -35px;
}

.header-b .container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.logo-holder{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.logo-holder img{
    vertical-align: top;
}

.logo-holder .text-logo{
    font-size: 18px;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
}

.logo-holder .text-logo a{
    color: #000;
}

.logo-holder a:hover,
.logo-holder a:focus{
    text-decoration: none;
}

.logo-holder .img-holder{
    margin-right: 2px;
}

/*======================
 Navigation Style
======================*/
.main-navigation ul{
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Oswald Bold';
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 21px;
}

.main-navigation ul li{
    position: relative;
}

.main-navigation ul li a{
    display: block;
    padding: 25px 12px 26px;
    color: #000;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li:hover > a,
.main-navigation ul .current-menu-item > a{
    text-decoration: none;
    color: #fff;
    background: #962179;
}

.main-navigation ul ul li a{
    padding: 5px 15px;
}

@media only screen and (min-width: 1025px){
    .main-navigation ul ul{
        position: absolute;
        top: 100%;
        left: 0;
        width: 210px;
        background: #962179;
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: ease 0.2s;
        -moz-transition: ease 0.2s;
        transition: ease 0.2s;
    }

    .main-navigation ul li:hover > ul{
        opacity: 1;
        visibility: visible;
    }

    .main-navigation ul ul li{
    	border-bottom: 1px solid #000;
    }

    .main-navigation ul ul li:last-child{
    	border-bottom: 0;
    }

    .main-navigation ul ul li a{
    	color: #fff;
    	padding: 10px 15px;
    }

    .main-navigation ul ul li a:hover,
    .main-navigation ul ul li a:focus{
    	background: #000;
    }   
}

.menu-opener{
    display: none;
}

/*===================
 Banner Style
===================*/
.banner{
    position: relative;
    margin: 0 0 40px;
}

.banner2 {
    position: relative;
    margin: 0 0 0px;
}

.banner img{
    vertical-align: top;
    width: 100%;
}

.banner2 img{
    vertical-align: top;
    width: 100%;
}

.banner .banner-text{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-text .text-holder{
    max-width: 641px;
    background: rgba(0, 0, 0, 0.59);
    color: #fff;
    padding: 9px 11px 15px;
}

.banner-text .banner-title{
    font-size: 30px;
    line-height: 34px;
    margin: 0 0 10px;
}

.banner-text .container{
    display: flex;
    justify-content: flex-end;
}

#banner-slider .owl-nav button.owl-next{
    position: absolute;
    top: 50%;
    right: 10px;
    width: 46px;
    height: 46px;
    border-radius: 5px;
    background: #962179;
    font-size: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

#banner-slider .owl-nav button.owl-next:after{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 22px;
    content: '';
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 256 512'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E") center center no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#banner-slider .owl-nav button.owl-prev{
    position: absolute;
    top: 50%;
    left: 10px;
    width: 46px;
    height: 46px;
    border-radius: 5px;
    background: #962179;
    font-size: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

#banner-slider .owl-nav button.owl-prev:after{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 22px;
    content: '';
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 256 512'%3E%3Cpath d='M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z'/%3E%3C/svg%3E") center center no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*======================
 About Section Style
======================*/
.about-section{
    margin: 0 0 40px;
}

.about-section .container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.about-img{
    width: 570px;
    margin-right: 30px;
}

.about-img img{
    vertical-align: top;
    width: 100%;
}

.about-text{
    flex-basis: 0;
    flex-grow: 1;
    text-align: justify;
}

.about-text p{
    margin: 0 0 20px;
}

.about-text p:last-child{
    margin: 0;
}

.about-text .description{
    margin: 0 0 10px;
}

/*==============================
 Our Services Section Style
==============================*/
.our-services{
    background: #F3F3F5;
    padding: 34px 0 15px;
    position: relative;
    margin: 0 0 34px;
}

.our-services:before{
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/img-side.jpg') no-repeat;
    content: '';
    width: 340px;
    height: 100%;
    background-size: cover;
}

.our-services .container{
    display: flex;
    justify-content: flex-end;
}

.our-services .text-holder{
    width: 75%;
    position: relative;
}

.our-services .section-header p{
    margin: 0;
}

.our-services .section-header{
    margin: 0 0 20px;
}

.our-services .two-col-holder{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.our-services .two-col-holder .col{
    width: 50%;
    padding: 0 8px;
    margin: 0 0 20px;
    display: flex;
    flex-wrap: wrap;
}

.our-services .two-col-holder .col .icon-holder{
    font-size: 14px;
    width: 14px;
    margin-right: 10px;
}

.our-services .two-col-holder .col .icon-holder svg{
    vertical-align: top;
    margin-top: 3px;
}

.our-services .col .text-holder{
    font-size: 14px;
    line-height: 20px;
    flex-basis: 0;
    flex-grow: 1;
}

.our-services .col .text-holder p{
    margin: 0;
}

.our-services .col .text-holder .title{
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    font-family: 'Oswald Medium';
    font-weight: normal;
}

/*=========================
 Portfolio Section Style
==========================*/
.portfolio-section{
    margin: 0 0 40px;
}

.portfolio-section .section-title{
    text-align: center;
    margin: 0 0 30px;
}

.portfolio-grid{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.portfolio-grid .col{
    width: 33.333%;
    padding: 0 15px;
    margin-top: 26px;
}

.portfolio-grid .col:first-child,
.portfolio-grid .col:nth-child(2),
.portfolio-grid .col:nth-child(3){
    margin-top: 0;
}

.portfolio-grid .img-holder{
    margin: 0 0 10px;
}

.portfolio-grid .img-holder a{
    display: block;
    height: 100%;
    position: relative;
    background: #962179;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.portfolio-grid .img-holder a:after{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    content: '';
    opacity: 0;
    visibility: hidden;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M314.222 197.78c51.091 51.091 54.377 132.287 9.75 187.16-6.242 7.73-2.784 3.865-84.94 86.02-54.696 54.696-143.266 54.745-197.99 0-54.711-54.69-54.734-143.255 0-197.99 32.773-32.773 51.835-51.899 63.409-63.457 7.463-7.452 20.331-2.354 20.486 8.192a173.31 173.31 0 0 0 4.746 37.828c.966 4.029-.272 8.269-3.202 11.198L80.632 312.57c-32.755 32.775-32.887 85.892 0 118.8 32.775 32.755 85.892 32.887 118.8 0l75.19-75.2c32.718-32.725 32.777-86.013 0-118.79a83.722 83.722 0 0 0-22.814-16.229c-4.623-2.233-7.182-7.25-6.561-12.346 1.356-11.122 6.296-21.885 14.815-30.405l4.375-4.375c3.625-3.626 9.177-4.594 13.76-2.294 12.999 6.524 25.187 15.211 36.025 26.049zM470.958 41.04c-54.724-54.745-143.294-54.696-197.99 0-82.156 82.156-78.698 78.29-84.94 86.02-44.627 54.873-41.341 136.069 9.75 187.16 10.838 10.838 23.026 19.525 36.025 26.049 4.582 2.3 10.134 1.331 13.76-2.294l4.375-4.375c8.52-8.519 13.459-19.283 14.815-30.405.621-5.096-1.938-10.113-6.561-12.346a83.706 83.706 0 0 1-22.814-16.229c-32.777-32.777-32.718-86.065 0-118.79l75.19-75.2c32.908-32.887 86.025-32.755 118.8 0 32.887 32.908 32.755 86.025 0 118.8l-45.848 45.84c-2.93 2.929-4.168 7.169-3.202 11.198a173.31 173.31 0 0 1 4.746 37.828c.155 10.546 13.023 15.644 20.486 8.192 11.574-11.558 30.636-30.684 63.409-63.457 54.733-54.735 54.71-143.3-.001-197.991z'/%3E%3C/svg%3E") center center no-repeat;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.portfolio-grid .img-holder a:hover img{
    opacity: 0.2;
}

.portfolio-grid .img-holder a:hover:after{
    opacity: 1;
    visibility: visible;
}

.portfolio-grid .img-holder img{
    vertical-align: top;
    width: 100%;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.portfolio-grid .portfolio-title{
    font-size: 16px;
    line-height: 22px;
    font-family: 'Oswald Medium';
    font-weight: normal;
    margin: 0;
}

.portfolio-grid .portfolio-title a{
    color: #000;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.portfolio-grid .portfolio-title a:hover,
.portfolio-grid .portfolio-title a:focus{
    text-decoration: none;
    color: #962179;
}

.portfolio-section .btn-holder{
    margin-top: 35px;
    text-align: center;
}

/*=======================
 Latest News Section
=======================*/
.latest-news{
    background: #F2F3F5;
    padding: 33px 0 40px;
    margin: 0 0 33px;
}

.latest-news .section-title{
    text-align: center;
    margin: 0 0 40px;
}

.latest-news2{
    background: #F2F3F5;
    padding: 40px 0 10px;
    margin: 0 0 0px;
}

.latest-news3 {
    background: #F2F3F5;
    padding: 5px 0 5px;
    margin: 0 0 0px;
}

.latest-news2 .section-title{
    text-align: center;
    margin: 0 0 40px;
}
.projecttop{
    background: #F2F3F5;
    padding: 40px 0 10px;
    margin: 0 0 0px;
}

.news-grid{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.news-grid .col{
    width: 33.333%;
    padding: 0 15px;
    text-align: justify;
    line-height: 20px;
    padding-bottom: 50px;
}

.news-grid .img-holder{
    margin: 0 0 10px;
    position: relative;
    overflow: hidden;
}

.news-grid .img-holder img{
    width: 100%;
    vertical-align: top;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    transition: ease 0.5s;
}

.news-grid .img-holder a:hover img{
    -webkit-transform: scale(1.05,1.05) rotate(-2deg);
    -moz-transform: scale(1.05,1.05) rotate(-2deg);
    transform: scale(1.05,1.05) rotate(-2deg);
}

.news-grid .img-holder .date-holder{
    width: 58px;
    height: 58px;
    background: #000;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Oswald Medium';
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.news-grid .img-holder .date-holder span{
    display: block;
}

.news-grid .img-holder2{
    margin: 0 0 0px;
    position: relative;
    overflow: hidden;
}

.news-grid .img-holder2 img{
    width: 100%;
    vertical-align: top;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    transition: ease 0.5s;
}

.news-grid .img-holder2 a:hover img{
    -webkit-transform: scale(1.05,1.05) rotate(-2deg);
    -moz-transform: scale(1.05,1.05) rotate(-2deg);
    transform: scale(1.05,1.05) rotate(-2deg);
}

.news-grid .news-title{
    font-size: 19px;
    line-height: 22px;
    font-family: 'Oswald Medium';
    font-weight: normal;
    margin: 0 0 5px;
}

.news-grid .news-title a{
    color: #000;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.news-grid .news-title a:hover,
.news-grid .news-title a:focus{
    text-decoration: none;
    color: #962179;
}

.news-grid .col p{
    margin: 0 0 10px;
}

.project-grid{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.project-grid .col{
    width: 25%;
    padding: 0 15px;
    padding-bottom: 25px;
}

.project-grid .img-holder{
    margin: 0 0 10px;
    position: relative;
    overflow: hidden;
}

.project-grid .img-holder img{
    width: 100%;
    vertical-align: top;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    transition: ease 0.5s;
}

.project-grid .img-holder a:hover img{
    -webkit-transform: scale(1.05,1.05) rotate(-2deg);
    -moz-transform: scale(1.05,1.05) rotate(-2deg);
    transform: scale(1.05,1.05) rotate(-2deg);
}

@media only screen and (max-width: 767px)
.project-grid .col:first-child {
    margin-top: 0;
}
@media only screen and (max-width: 767px)
.project-grid .col {
    width: 100%;
    margin-top: 20px; 
}

.projecttop-grid{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.projecttop-grid .col{
    width: 50%;
    padding: 0 15px;
    text-align: justify;
    line-height: 20px;
    padding-bottom: 50px;
}

.projecttop-grid .img-holder{
    margin: 0 0 10px;
    position: relative;
    overflow: hidden;
}

.projecttop-grid .img-holder img{
    width: 100%;
    vertical-align: top;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    transition: ease 0.5s;
}

.projecttop-grid .img-holder a:hover img{
    -webkit-transform: scale(1.05,1.05) rotate(-2deg);
    -moz-transform: scale(1.05,1.05) rotate(-2deg);
    transform: scale(1.05,1.05) rotate(-2deg);
}

@media only screen and (max-width: 767px)
.projecttop-grid .col:first-child {
    margin-top: 0;
}
@media only screen and (max-width: 767px)
.projecttop-grid .col {
    width: 100%;
    margin-top: 20px;
}

.latest-news .btn-holder{
    margin: 0px 0 0;
    text-align: center;
}

.latest-news .btn-holder .btn-primary{
    background: #000;
}

.latest-news .btn-holder .btn-primary:hover,
.latest-news .btn-holder .btn-primary:focus{
    text-decoration: none;
    background: #962179;
}

/*==============================
 Our Clients Section Style
==============================*/
.our-clients .section-title{
    text-align: center;
    margin: 0 0 30px;
}

.clients-grid{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    align-items: center;
}

.clients-grid .col{
    width: 16.667%;
    padding: 0 15px;
    margin: 0 0 40px;
    text-align: center;
}

.clients-grid .col img{
    vertical-align: top;
}

/*==========================
 Our Stats Section Style
==========================*/
.our-stats{
    background: url(../images/img18.jpg);
    background-size: cover;
    padding: 60px 0;
    position: relative;
    color: #fff;
}

.our-stats:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.58);
    content: '';
}

.our-stats .container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index: 1;
}

.our-stats .section-title{
    width: 25%;
    margin-right: 30px;
    font-size: 41px;
    line-height: 57px;
    text-transform: uppercase;
    margin: 0;
}

.stat-grid{
    flex-basis: 0;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.stat-grid .col{
    padding: 0 15px;
    width: 25%;
    text-align: center;
}

.stat-grid .col .icon-holder{
    margin: 0 0 10px;
    height: 70px;
}

.stat-grid .col img{
    vertical-align: top;
}

.stat-grid .number{
    font-size: 48px;
    line-height: 55px;
    margin: 0 0 10px;
}

.stat-grid .stat-title{
    font-size: 16px;
    line-height: 22px;
    font-family: 'Oswald Medium';
    font-weight: normal;
}

/*===================
 Footer Style
===================*/
.footer-t{
    background: #434343;
    padding: 36px 0;
    color: #fff;
}

.footer-t .grid{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.footer-t .grid .col-1{
    width: 25%;
    padding: 0 15px;
    /*text-align: justify;*/
}

.footer-t .grid .col-2{
    width: 16.667%;
    padding: 0 15px;
}

.footer-t .grid .col-3{
    width: 33.333%;
    padding: 0 15px;
}

.footer-t .grid .col-4{
    width: 25%;
    padding: 0 15px;
}

.footer-title{
    font-size: 26px;
    line-height: 34px;
    margin: 0 0 10px;
}

.footer-nav{
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-nav li{
    margin: 0 0 10px;
    padding-left: 17px;
    position: relative;
}

.footer-nav li:before{
    position: absolute;
    top: 5px;
    left: 0;
    width: 11px;
    height: 12px;
    content: '';
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z'/%3E%3C/svg%3E") center center no-repeat;
}

.footer-nav li a{
    color: #fff;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.footer-nav li a:hover,
.footer-nav li a:focus{
    text-decoration: none;
    color: #962179;
}

#footer-slider img{
    vertical-align: top;
}

#footer-slider .title{
    background: #fff;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    font-family: 'Montserrat';
    font-weight: normal;
    padding: 14px 12px 11px 12px;
}

#footer-slider .title a{
    color: #000;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

#footer-slider .title a:hover{
    color: #962179;
    text-decoration: none;
}

#footer-slider .owl-nav button.owl-next{
    position: absolute;
    top: 50%;
    right: 10px;
    width: 30px;
    height: 27px;
    border-radius: 5px;
    font-size: 0;
    background: rgba(255, 255, 255, 0.64);
    margin-top: -45px;
}

#footer-slider .owl-nav button.owl-next:after{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 18px;
    content: '';
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 256 512'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E") center center no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#footer-slider .owl-nav button.owl-prev{
    position: absolute;
    top: 50%;
    left: 10px;
    width: 30px;
    height: 27px;
    border-radius: 5px;
    font-size: 0;
    background: rgba(255, 255, 255, 0.64);
    margin-top: -45px;
}

#footer-slider .owl-nav button.owl-prev:after{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 18px;
    content: '';
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 256 512'%3E%3Cpath d='M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z'/%3E%3C/svg%3E") center center no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.contact-form input[type="text"],
.contact-form input[type="email"]{
    width: 100%;
    background: none;
    border: 1px solid #707070;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding: 8px 10px;
    margin: 0 0 10px;
}

.contact-form textarea{
    width: 100%;
    background: none;
    border: 1px solid #707070;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding: 8px 10px;
    margin: 0 0 10px;
    resize: none;
}

.contact-form .captcha-holder{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.contact-form .captcha-holder .captcha{
    width: 105px;
}

.contact-form .captcha-holder input[type="text"]{
    width: 135px;
}

.contact-form input[type="submit"]{
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
}

::-webkit-input-placeholder { /* Edge */
    color: #fff;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer */
    color: #fff;
    opacity: 1;
}

::placeholder {
    color: #fff;
    opacity: 1;
}

.footer-b{
    background: #1D1D1D;
    color: #fff;
    padding: 24px 0;
}

.footer-b .container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.footer-b a{
    color: #fff;
    font-weight: 700;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.footer-b a:hover,
.footer-b a:focus{
    text-decoration: none;
    color: #962179;
}

.footer-b .site-by{
    text-align: right;
}

/*======================
 Profile Page Style
======================*/
#content .grid{
    /*display: flex;
    flex-wrap: wrap;
    align-items: flex-start;*/
    overflow: hidden;
}

#primary{
    /*flex-basis: 0;
    flex-grow: 1;
    text-align: justify;*/
    width: 62%;
    padding-right: 15px;
    float: left;
}

#primary2{
    /*flex-basis: 0;
    flex-grow: 1;
    text-align: justify;*/
    width: 48%;
    padding-right: 15px;
    float: left;
}

.main-title{
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 14px;
}

.entry-content ul{
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.entry-content ul li{
    margin: 0 0 5px;
    padding-left: 25px;
    position: relative;
}

.entry-content ul li:before{
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 15px;
    content: '';
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 512 512'%3E%3Cpath d='M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z'/%3E%3C/svg%3E") center center no-repeat;
}

.entry-content ol{
    margin: 0 0 20px;
    padding: 0 0 0 17px;
}

.entry-content ol li{
    margin: 0 0 5px;
}

.entry-content li > ol,
.entry-content li > ul{
    margin: 0;
}

#secondary{
    width: 35%;
    margin-left: 30px;
    float: right; 
}

#secondary2{
    width: 48%;
    margin-left: 30px;
    float: right; 
}

#secondary .latest-news{
    background: none;
    padding: 0;
}

.widget-title{
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 14px;
}

.widget-news{
    margin: 0 0 40px;
}

.widget-news .img-holder{
    width: 100%;
    margin-bottom: 5px;
}

.widget-news .img-holder img{
    width: 100%;
    height: 204px;
    object-fit: cover;
    padding: 1px;
    border: 1px solid #962179;
}

.widget-news .text-holder{
    font-size: 15px;
    line-height: 18px;
    text-align: justify;
}

.widget-news .news-title{
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 5px;
}

.widget-news .news-title a{
    color: #000;
}

.widget-news .news-title a:hover{
    text-decoration: none;
    color: #962179;
}

.widget-news p{
    margin: 0 0 5px;
}

#secondary .btn-holder{
    text-align: center;
}

#secondary .btn-holder .btn-primary{
	padding: 10px 21px;
	background: #000;
	color: #fff;
}

#secondary .btn-holder .btn-primary:hover,
#secondary .btn-holder .btn-primary:focus{
	background: #962179;
}

/*======================
 Responsive Style
======================*/
@media only screen and (max-width: 1199px){
    .container{
        max-width: 970px;
    }

    .logo-holder .text-logo{
        font-size: 14px;
    }

    .main-navigation ul{
        font-size: 12px;
    }

    .main-navigation ul li a{
        padding: 25px 10px 26px;
    }

    .footer-b .container{
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (max-width: 1024px){
    .container{
        max-width: 750px;
    }

    .header-b{
        position: relative;
    }

    .main-navigation{
        position: absolute;
        top: 100%;
        left: 15px;
        width: calc(100% - 30px);
        z-index: 2;
        background: #962179;
        display: none;
    }

    .main-navigation ul{
        flex-direction: column;
        font-size: 14px;
    }

    .main-navigation ul li a{
        padding: 10px;
        color: #fff;
        border-top: 1px solid #fff;
    }

    .main-navigation ul li a:hover,
    .main-navigation ul li a:focus{
        background: #000;
    }

    .main-navigation ul ul{
    	display: none;
    }

    .main-navigation ul li .arrow-down{
    	position: absolute;
    	top: 0;
    	right: 0;
    	width: 41px;
    	height: 41px;
    	background: transparent;
    	-webkit-transition: ease 0.2s;
    	-moz-transition: ease 0.2s;
    	transition: ease 0.2s;
    }

    .main-navigation ul li .arrow-down:after{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	width: 20px;
    	height: 20px;
    	content: '';
    	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E") center center no-repeat;
    	cursor: pointer;
    	-webkit-transform: translate(-50%, -50%);
    	-moz-transform: translate(-50%, -50%);
    	transform: translate(-50%, -50%);
    }

    .main-navigation ul li .arrow-down.active{
    	-webkit-transform: rotate(180deg);
    	-moz-transform: rotate(180deg);
    	transform: rotate(180deg);
    }

    .main-navigation ul li a svg{
    	display: none;
    }

    .main-navigation ul ul li a:before{
		content: '-';
		margin-right: 5px;
		display: inline-block;
    }

    .menu-opener{
        display: block;
        width: 100%;
        overflow-y: hidden;
        cursor: pointer;
        background: #962179;
        border: 0;
        color: #fff;
        padding: 10px;
    }

    .menu-opener span{
        float: left;
    }

    .menu-opener .icon-holder{
        float: right;
    }

    .logo-holder{
        width: 100%;
        justify-content: center;
        margin: 10px 0;
    }

    .about-img{
        width: 50%;
    }

    .our-stats .section-title{
        width: 100%;
        text-align: center;
        margin: 0 0 20px;
    }

    .footer-t .grid .col-1,
    .footer-t .grid .col-2,
    .footer-t .grid .col-3,
    .footer-t .grid .col-4{
        width: 50%;
        margin: 0 0 30px;
    }
}

@media only screen and (max-width: 767px){
    .container{
        max-width: 100%;
        padding: 0 15px;
    }

    .header-t .contact-info{
        width: 100%;
        justify-content: center;
        margin: 0 0 10px;
    }

    .header-t .social-info{
        width: 100%;
        justify-content: center;
    }

    .header-t .social-info span{
        display: none;
    }

    .header-t .contact-info .phone{
        width: 100%;
        padding: 0;
        margin: 0 0 5px;
        justify-content: center;
    }

    .header-t .contact-info .phone:after{
        display: none;
    }

    .header-t .contact-info .email{
        width: 100%;
        text-align: center;
    }

    .banner-text .banner-title{
        font-size: 12px;
        line-height: 15px;
    }

    .banner-text .container{
        padding: 0;
    }

    .btn-primary{
        font-size: 13px;
        padding: 5px 10px;
    }

    .banner .banner-text{
        position: unset;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    #banner-slider .owl-nav button.owl-prev,
    #banner-slider .owl-nav button.owl-next{
        margin-top: -45px;
    }

    .banner{
        margin: 0 0 15px;
    }

    .about-img{
        width: 100%;
        margin: 0 0 12px;
    }

    .about-text{
        width: 100%;
        flex-basis: inherit;
        flex-grow: inherit;
    }

    .about-section{
        margin: 0 0 15px;
    }

    .our-services:before{
        display: none;
    }

    .our-services .text-holder{
        width: 100%;
    }

    .our-services{
        padding: 15px 0;
        margin: 0 0 15px;
    }

    .our-services .two-col-holder .col{
        width: 100%;
    }

    .our-services .two-col-holder .col:last-child{
        margin: 0;
    }

    .portfolio-grid .col{
        width: 100%;
    }

    .portfolio-section{
        margin: 0 0 15px;
    }

    .portfolio-grid .col:first-child{
        margin-top: 0
    }

    .portfolio-grid .col:nth-child(2),
    .portfolio-grid .col:nth-child(3){
        margin-top: 26px;
    }

    .latest-news{
        padding: 15px 0;
        margin: 0 0 15px;
    }

    .news-grid .col{
        width: 100%;
        margin-top: 20px;
    }

    .news-grid .col:first-child{
        margin-top: 0;
    }

    .clients-grid .col{
        width: 25%;
    }

    .our-stats{
        padding: 30px 0;
    }

    .our-stats .section-title{
        font-size: 20px;
        line-height: 24px;
    }

    .stat-grid .col{
        width: 100%;
        margin: 20px 0 0;
    }

    .stat-grid .col:first-child{
        margin-top: 0;
    }

    .footer-t .grid .col-1,
    .footer-t .grid .col-2,
    .footer-t .grid .col-3,
    .footer-t .grid .col-4{
        width: 100%;
    }

    #primary{
        flex-basis: inherit;
        flex-grow: inherit;
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
        width: 100%;
    }

    #secondary{
        width: 100%;
        margin: 0;
    }
}



.project-img {
    padding: 2px;
    border: 2px solid #962179;
}
.project-header2 {
    margin-bottom: 15px;
    font-size: 26px;
    color: #962179;
    font-family: 'Ubuntu Condensed';
    font-weight: bold;
    line-height: 28px;
}
.project-pics {
    padding: 1px;
    border: 1px solid #962179;
}

.project-details {
    margin-bottom: 5px;
    font-size: 24px;
    color: #962179;
    font-family: 'Ubuntu Condensed';
    font-weight: bold;
}

.project-name {
    font-family: 'Ubuntu Condensed';
    font-size: 20px;
    font-weight: bold;
    color: #222222;
    text-align: justify;
    padding-top: 12px;
    padding-bottom: 15px;
    line-height: 22px;
}
.btn-style-more {
    font-family: 'Hallo sans';
    position: relative;
    padding: 8px 22px;
    line-height: 24px;
    text-transform: none;
    background: #962179;
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 600;
    border: 2px solid #962179 !important;
    border-radius: 3px;
}
.btn-style-more:hover {
    color: #ffffff !important;
    border-color: #222222 !important;
    background: #222222;
    text-decoration: none;
}
.portfolio-item {
    position: relative;
    margin-bottom: 40px;
}

.blog-news-column .image-box img {
    display: block;
    width: 100%;
}

.margin-bott-50 {
    margin-bottom: 50px !important;
}
.blog-news-column .image-box {
    position: relative;
    overflow: hidden;
}

figure {
    margin: 0;
}
.blog-news-column .inner-box {
    position: relative;
    background: #ffffff;
}
@media only screen and (max-width: 767px){
.projecttop-grid .col,
.project-grid .col{
width: 100%;
}
}

.accordion-box{
position:relative;
margin-right:0px;
}

.accordion-box h2{
font-size:30px;
margin-bottom:30px;
color:#181818;
}

.accordion-box .accordion{
position:relative;
margin-bottom:12px;
}

.accordion-box .accordion .accord-btn{
position:relative;
display:block;
line-height:30px;
padding:12px 0px 12px 30px;
border:1px solid #e0e0e0;
color:#2f2f31;
cursor:pointer;
}

.accordion-box.style-two .accordion .accord-btn{
border-color:#f0f0f0;
box-shadow:2px 2px 3px 0px #f0f0f0;
}

.accordion-box .accordion .accord-btn h4{
position:relative;
font-size:20px;
padding-top: 18px;
line-height:0px;
font-weight:bold;
font-family: 'Ubuntu Condensed';
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}

.accordion-box .accordion .accord-btn:after{
content:'\f0d7';
font-family: 'FontAwesome';
position:absolute;
right:10px;
top:50%;
margin-top:-15px;
width:30px;
height:30px;
line-height:30px;
font-size:18px;
font-weight:normal;
}

.accordion-box.style-two .accordion .accord-btn:after{
content:'\f13b';
font-family: 'Flaticon';
}

.accordion-box .accordion .accord-btn.active:after{
content:'\f0d8';
}

.accordion-box.style-two .accordion .accord-btn.active:after{
content:'\f176';
font-family: 'Flaticon';
}

.accordion-box .accordion .accord-btn.active{
color:#ffffff;
background: #962179;
border-color: #962179;
}

.accordion-box .accordion .accord-content{
position:relative;
padding:20px 0px 10px;
text-align: justify;
color: #000000;
border-top:none;
font-size:16px;
display:none;
}

.accordion-box .accordion .accord-content.collapsed{
display:block;
}

.accordion-box .accordion .accord-content p{
position:relative;
}