@font-face {
    font-family: 'Times New Roman';
    src: url('../fonts/TimesNewRomanPS-BoldMT.eot');
    src: url('../fonts/TimesNewRomanPS-BoldMT.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TimesNewRomanPS-BoldMT.woff') format('woff'),
         url('../fonts/TimesNewRomanPS-BoldMT.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;font-display: swap;
}
@font-face {
    font-family: 'Times New Roman';
    src: url('../fonts/TimesNewRomanPSMT.eot');
    src: url('../fonts/TimesNewRomanPSMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TimesNewRomanPSMT.woff') format('woff'),
        url('../fonts/TimesNewRomanPSMT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'Museo Sans 500';
    src: url('../fonts/MuseoSans-500.eot');
    src: url('../fonts/MuseoSans-500.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans-500.woff') format('woff'),
        url('../fonts/MuseoSans-500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-Bold.eot');
    src: url('../fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-Bold.woff') format('woff'),
        url('../fonts/BrandonGrotesque-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;font-display: swap;
}

/*@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Medium.eot');
    src: url('../fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Medium.woff') format('woff'),
        url('../fonts/AvenirLTStd-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Black.eot');
    src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Black.woff') format('woff'),
        url('../fonts/AvenirLTStd-Black.ttf') format('truetype');
    font-weight: 900;font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Heavy.eot');
    src: url('../fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Heavy.woff') format('woff'),
        url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Roman.eot');
    src: url('../fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Roman.woff') format('woff'),
        url('../fonts/AvenirLTStd-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;font-display: swap;
}*/


@font-face {
    font-family: 'Avenir LT Std 65';
    src: url('../fonts/AvenirLTStd-Black.eot');
    src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Black.woff') format('woff'),
        url('../fonts/AvenirLTStd-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir LT Std 65';
    src: url('../fonts/AvenirLTStd-Medium.eot');
    src: url('../fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Medium.woff') format('woff'),
        url('../fonts/AvenirLTStd-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir LT Std 55 Roman';
    src: url('../fonts/AvenirLTStd-Heavy.eot');
    src: url('../fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Heavy.woff') format('woff'),
        url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir LT Std 55 Roman';
    src: url('../fonts/AvenirLTStd-Roman.eot');
    src: url('../fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Roman.woff') format('woff'),
        url('../fonts/AvenirLTStd-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'zefani_stencilregular';
    src: url('../fonts/zefanistencil-regular-webfont.woff2') format('woff2'),
         url('../fonts/zefanistencil-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'haettenschweilerregular';
    src: url('../fonts/haettenschweiler-regular-webfont.woff2') format('woff2'),
         url('../fonts/haettenschweiler-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;font-display: swap;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?44ptm7');
  src:  url('../fonts/icomoon.eot?44ptm7#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?44ptm7') format('truetype'),
    url('../fonts/icomoon.woff?44ptm7') format('woff'),
    url('../fonts/icomoon.svg?44ptm7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-display: swap;
}

.icon-left-arrow1:before { content: "\e900"; }
.icon-left-arrow2:before { content: "\e901"; }
.icon-right-arrow1:before { content: "\e903"; }
.icon-right-arrow2:before { content: "\e902"; }
/*
<span class="icon-left-arrow1"></span>
<span class="icon-left-arrow2"></span>
<span class="icon-right-arrow1"></span>
<span class="icon-right-arrow2"></span>
*/

html { scroll-behavior: smooth; }
body { font-family: 'Ubuntu', sans-serif; font-size: 16px; font-weight: normal; color: #808080; overflow: hidden; overflow-y: auto; counter-reset: section; }
body, h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; }
*, ::after, ::before { box-sizing: border-box; }
*{ margin: 0px; padding: 0px; }
[type="button"]:not(:disabled), button:not(:disabled) { outline: none; }


a { -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; 
	color: #052334; outline: none;
}
a:hover, a:focus { text-decoration: none; color: #999999; outline: none; }


p { line-height: 1.6; padding-bottom: 20px; font-size: 20px; /*font-family: 'Avenir LT Std'; font-weight: normal;*/ font-family: 'Avenir LT Std 65'; font-weight: 500; }
p:last-child { padding-bottom: 0px; }


.btn:focus { box-shadow: none; }
.textcenter { text-align: center; }
.textright { text-align: right; }

.form-control:focus{ box-shadow: none; }

.capital { text-transform: capitalize !important; }
.upper { text-transform: uppercase !important; }

.sep { padding: 5px 0px; display: block; }
.sep1 { padding: 10px 0px; display: block; }


[class*="font-"] { line-height: 1.5 !important; }
.font-10 { font-size: 10px !important; }
.font-12 { font-size: 12px !important; }
.font-13 { font-size: 13px !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-22 { font-size: 22px !important; }
.font-24 { font-size: 24px !important; }
.font-25 { font-size: 25px !important; }


.font1{ font-family: 'Times New Roman' !important; }
.font2{ font-family: 'Museo Sans 500' !important; }
.font3{ font-family: 'Brandon Grotesque' !important; }
.font4{ font-family: 'Titillium Web', sans-serif !important; }
.font5{ font-family: 'Montserrat', sans-serif !important; }
.font6{ font-family: 'Oswald', sans-serif !important; }
.font7{ font-family: 'Raleway', sans-serif !important; }
.font8{ font-family: 'Poppins', sans-serif !important; }
.font9{ font-family: 'Avenir LT Std' !important; }



.avenir-roman { font-family: 'Avenir LT Std 55 Roman'; font-weight: normal !important; }
.avenir-medium { font-family: 'Avenir LT Std 65'; font-weight: 500 !important; }
.avenir-black { font-family: 'Avenir LT Std 65'; font-weight: 900 !important; }
.avenir-heavy { font-family: 'Avenir LT Std 55 Roman'; font-weight: bold !important; }


.lineH{ line-height: normal !important; }
.wx-100{ max-width: 100% !important; }
.h-auto{ height: auto !important; }

.image { display: inline; max-width: 100%; }
.light { font-weight: 200 !important; }
.normal { font-weight: normal !important; }
.bold { font-weight: bold !important; }
.sbold { font-weight: 600 !important; }
.heavy { font-weight: 900 !important; }


.white { color: #ffffff; }
.black { color: #000000 !important; }
.green { color: #10a672 !important; }
.greenLight { color: #00c57c !important; }

.whitebg{ background-color: #ffffff !important; }


.btn1 { background: #404856; border: solid 2px #404856; border-radius: 0px; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; min-height: 60px; cursor: pointer; text-align: center; }
.btn1:hover, .btn1:focus { background: #D40323; border: solid 2px #000000; color: #ffffff; }

.link1{ text-decoration: underline !important; }
.link2{ color: #cfcfcf; }
.link2:hover, .link2:focus{ color: #000000; }
.link3{ color: #ffffff !important; text-decoration: underline !important; }
.link4{ color: #000000 !important; text-decoration: none; }

.btnlg{ font-size: 24px !important; font-weight: 500 !important; padding: 18px 36px; }
.btnlg span{ padding-left: 10px; }


.row30 { margin-left: -30px; margin-right: -30px; }
.row30 > [class*="col-"] { padding-left: 30px; padding-right: 30px; }
.row8 { margin-left: -8px; margin-right: -8px; }
.row8 > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
.row6 { margin-left: -6px; margin-right: -6px; }
.row6 > [class*="col-"] { padding-left: 6px; padding-right: 6px; }
.row6 > [class*="col"] { padding-left: 6px; padding-right: 6px; }
.noSpace { margin-left: 0px; margin-right: 0px; }
.noSpace > [class*="col-"], .noSpace > [class*="col"] { padding-left: 0px; padding-right: 0px; }


.row.vdivide [class*='col-']:not(:first-child):after { background: #ccc; width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }


/*----Header----*/

.sticky-top{ padding: 0px; position: fixed; width: 100%; }
.navbar{ padding: 0px; }


.headerMain{ background-color:rgba(2,2,2,0.3); padding: 0px; border-bottom: solid 0px rgba(255, 255, 255, 0.1); }

.headerMain .navbar-brand{ padding: 0px; }
.headerMain .navbar-brand img { width: 100%; max-width: 250px; 
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
}

.headerMain.affix{ background-color: #000000; }
.headerMain.affix .navbar-brand img { max-width: 250px;}
.headerMain.affix .menuMain .nav-link{ color: #fff; font-size: 14px; }

/*--Main Menu--*/
.menuMain { font-family: 'Verdana'; }
.menuMain .navbar{ padding: 0rem 1rem; }
.menuMain .nav-link{ margin: 18px; padding: 0px 0px 8px 0px !important; color: #ffffff; font-weight: 600; font-size: 18px;  position: relative; }
.menuMain .nav-item .dropdown-menu { top: 100%; border-radius: 0px; margin-top: 110px; opacity: 0; visibility: hidden; z-index: -1; transition: all 0.2s; display: block; }
.menuMain .nav-item .dropdown-menu.show { display: block; margin-top: 0px !important; opacity: 1; visibility: visible; z-index: 1; transition: all 0.2s; }
.megamenu .dropdown-header {
    font-size: 17px;
}
.megamenu .dropdown-header img {
    /*float: right;*/
    padding: .25rem 0;
}
.megamenu .dropdown-item ul li {
    padding: .25rem 0;
}
.headerMain .nav-item {
    padding-bottom: 9px;
    padding-top: 9px;
}

.menuMain.menuhome2 .nav-item .dropdown-menu.show { margin-top: 0px !important; }
.menuMain.menuhome2 .megamenu, .menuMain.menuhome3 .megamenu, .menuMain.menuhome4 .megamenu { top: 100%; }


.menuMain .nav-item .dropdown-item.active, .menuMain .nav-item .dropdown-item:active { color: #212529; text-decoration: none; background-color: transparent; border: none; outline: none; }


.menuMain .nav-link:before{ position: absolute; left: 0px; bottom: 0px; width: 0px; height: 2px; border-radius: 0px; content: ""; background-color: #ffffff;  }

.menuMain .nav-link:hover:before, .menuMain .nav-link.active:before, .menuMain .nav-link:focus:before { 
    position: absolute; right: 0px; bottom: 0px; width: 100%; height: 2px; border-radius: 0px; content: ""; background-color: #D8D830; 
    transition: all 250ms;
}

/*.menuMain .nav-link:hover:before, .menuMain .nav-link.active:before{ 
    position: absolute; right: 0px; bottom: 0px; width: 25px; height: 2px; border-radius: 0px; content: ""; background-color: #ffffff; 
}*/

/*.menuMain .nav-link:hover, .menuMain .nav-link:focus{ color: #4281a5; }
.menuMain .nav-item.active a{  }*/
/*--Main Menu End--*/


/*---- Main Slider ----*/
.mainSliderMain{ position: relative; }

#MainSlider{ color: #fff; position: relative; }

#MainSlider:before{ position: absolute; right: 0px; width: 15%; background-color: #000000; height: 100%; content: ""; z-index: 1; }

#MainSlider .item{ position: relative; }
#MainSlider .container{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; height: 100%; display: flex; align-items: center; }
#MainSlider .owl-nav { position: absolute; left: 0px; right: 0px; bottom: 180px; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }


#MainSlider .owl-nav .owl-prev{ position: relative; width: 136px; height: 74px; background-color: #171717; cursor: pointer; font-size: 12px; }
#MainSlider .owl-nav .owl-prev:after{ content: "prev"; font-family: 'Avenir LT Std' !important; font-size: 24px; padding-left: 10px; }
#MainSlider .owl-nav .owl-next{ position: relative; width: 136px; height: 74px; background-color: #000000; cursor: pointer; font-size: 12px; }
#MainSlider .owl-nav .owl-next:before{ content: "next"; font-family: 'Avenir LT Std' !important; font-size: 24px; padding-right: 10px; }
#MainSlider .owl-dots {  
    -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
    position: absolute; right: 140px; top: 50%; z-index: 55;
}
#MainSlider .owl-dots .owl-dot{ width: 12px; height: 12px; background-color: #ffffff; border-radius: 50%; box-shadow: 0px 0px 0px 3px #000000; margin: 6px; }
#MainSlider .owl-dots .owl-dot.active{ background-color: transparent; box-shadow: 0px 0px 0px 2px #ffffff; }

.mainSlideData{  }
.mainSlideData h1{ font-family: 'Brandon Grotesque'; font-size: 80px; line-height: 80px; padding: 0px 0px 50px 0px; }
.mainSlideData h1 small{ font-family: 'Titillium Web', sans-serif !important; font-size: 17px; line-height: normal; text-transform: uppercase; font-weight: bold; display: block; color: rgba(255, 255, 255, 0.7); letter-spacing: 3px; padding: 0px 0px 40px 8px; }
.mainSlideData a{ font-family: 'Titillium Web', sans-serif !important; font-size: 20px; color: #fff; font-weight: bold; }
.mainSlideData a .icon-right-arrow1{ font-size: 12px; padding-left: 10px; }

.sliderCounterMain{ position: absolute; left: 0px; right: 0px; bottom: 170px; z-index: 10; }
.slider-counter{ text-align: right; font-family: 'Brandon Grotesque' !important; color: #ffffff; font-size: 48px; line-height: 0px; }
.slider-counter span{ color: #989898; font-size: 22px; }

.socialMain{ width: 22px; position: absolute; right: 178px; bottom: 120px; top: auto; z-index: 20; text-align: center; }
.socialMain ul{  }
.socialMain li{ font-size: 20px; display: block; margin: 12px 0px; }
.socialMain li a{ color: #ffffff; }
.socialMain li a:hover, .socialMain li a:focus{ color: rgba(255, 255, 255, 0.6); }

.mouse{ text-align: center; position: absolute; left: 0px; right: 0px; bottom: 40px; width: 36px; margin: 0px auto; z-index: 20; }
.mouse span{ 
    position: relative;
    -webkit-animation: mouse 3000ms infinite; /* Safari 4.0 - 8.0 */
    animation: mouse 3000ms infinite; 
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes mouse {
  0%   {top: 0px;}
  25%  {top: 20px;}
  75%  {top: 0px;}
}

/* Standard syntax */
@keyframes mouse {
  0%   {top: 0px;}
  25%  {top: 20px;}
  75%  {top: 0px;}
  
}
/*---- Main Slider End ----*/


.indx-whatwedoMain{  }
.indx-whatwedoBox{ padding: 155px 50px 95px; height: 100%; }
.indx-whatwedoBox.line{ border-left: solid 5px #f2f2f2; border-right: solid 5px #f2f2f2; }

.indx-whatwedoBox h2{ font-family: 'Brandon Grotesque'; font-size: 135px; color: #000000; line-height: 0px; }
.indx-whatwedoBox h2 small{ font-size: 60px; padding: 120px 0px 0px 0px; display: block; width: 100%; line-height: 60px; }

.indx-whatwedoBox h3{ font-size: 50px; color: #000000; position: relative; padding: 0px 0px 20px; margin: 0px 0px 50px; }
.indx-whatwedoBox h3:before{ position: absolute; left: 0px; bottom: 0px; width: 108px; height: 5px; background-color: #cfcfcf; content: ""; }
.indx-whatwedoBox h4{ font-family: 'Times New Roman'; font-size: 26px; padding: 0px 0px 24px; font-weight: normal; }
.indx-whatwedoBox p { font-size: 23px; color: #595959; font-weight: normal; }
.whatwedoSlider{}
.whatwedoSlider .owl-dots{
    text-align: left;
    position: absolute;
    bottom: 50px;
}
.whatwedoSlider .owl-dots button.owl-dot{
    background-color: rgba(0, 0, 0, 0.5);
    height: 10px;
    width: 10px;
    border-radius: 10px;
    margin: 5px;
}
.whatwedoSlider .owl-dots button.owl-dot.active{
    height: 12px;
    width: 12px;
    background-color: rgba(0, 0, 0, 1.0);
}

.indx-fourStap{ background-color: #f7f7f7; padding: 90px 0px 120px; text-align: center; }
.row.boxDotLine [class*='col-']:not(:first-child):after { /*background: #ccc;*/ border-top: dashed 2px #cccccc; width: 135px; height: 2px; content: ""; display:block; position: absolute; top:40%; bottom: 0; left: -70px; }
.indx-fourStapBox{  }
.indx-fourStap1{ position: relative; width: 130px; height: 130px; margin: 0px auto; display: flex; align-items: center; justify-content: center; }
.indx-fourStap1:before{ content: "01"; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 110px; color: #eaeaea; }
.indx-fourStap1.indx-fourStap2{ }
.indx-fourStap1.indx-fourStap2:before{ content: "02" !important; }
.indx-fourStap1.indx-fourStap3{ }
.indx-fourStap1.indx-fourStap3:before{ content: "03" !important; }
.indx-fourStap1.indx-fourStap4{ }
.indx-fourStap1.indx-fourStap4:before{ content: "04" !important; }
.indx-fourStapBox img{ position: relative; }
.indx-fourStap h4{ font-family: 'Montserrat', sans-serif; font-size: 18px; color: #454545; font-weight: 600; padding: 12px 0px 0px 0px; }


.indx-aboutMain{ background-color: #000000; color: #ffffff; background-image: url(../images/indx-aboutMainbg.jpg); background-repeat: no-repeat; background-position: right top; background-size: cover; position: relative; margin: 50px 0px 0px; z-index: 1; }
.indx-aboutMain:before{ background-color: #000000; position: absolute; left: 0px; top: 0px; bottom: 0px; content: ""; width: 50%; height: 100%; }
.indx-aboutMain:after{ background-color: #f7f7f7; position: absolute; left: 0px; right: 0px; top: -50px; content: ""; width: 100%; height: 50px; z-index: -1; }

.indx-aboutBox{ padding: 90px 0px; }
.indx-aboutBox h3{ font-size: 37px; font-weight: bold; text-transform: uppercase; padding: 0px 0px 30px 0px; position: relative; letter-spacing: -1px; }
.indx-aboutBox h3:before{ font-size: 140px; font-weight: bold; text-transform: uppercase; padding: 0px 0px 30px 0px; position: absolute; left: -20px; top: -8px; bottom: 0px; content: "A"; line-height: 0px; color: rgba(255, 255, 255, 0.2) }
.indx-aboutBox p{ font-size: 19px; }
.indx-aboutBox a{ color: #ffffff; font-size: 20px; text-transform: uppercase; font-weight: 500; margin-top: 40px; display: block; }

.indx-aboutSliderMain{ background-color: #404856; height: 100%; position: relative; padding: 0px 60px; }
.indx-aboutSliderMain:before{ background-color: #404856; position: absolute; left: 0px; right: 0px; top: -50px; width: 100%; height: 100%; content: ""; }
.indx-aboutSliderMain:after{ background-color: #404856; position: absolute; left: 0px; right: 0px; bottom: -80px; width: 100%; height: 100%; content: ""; }
.indx-aboutSliderMain .row{ position: relative; z-index: 3; }
.indx-aboutSliderBox{ padding: 30px 10px; }
.indx-aboutSliderBox h4{ font-size: 28px; padding: 0px 0px 20px; }
.indx-aboutSliderBox p{ color: #bcbfc4; font-size: 18px; min-height: 150px; }
.indx-aboutSliderBox a{ font-family: 'Times New Roman' !important; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: bold; }
.indx-aboutSliderBox-icon{ margin-bottom: 20px; }
.indx-aboutSliderBox-icon img{ width: auto !important; max-height: 94px; }

#indx-aboutSlider .owl-dots{ text-align: right; }
#indx-aboutSlider .owl-dots .owl-dot { background-color: #000000; width: 12px; height: 12px; display: inline-block; border-radius: 50%; margin: 0px 6px; }
#indx-aboutSlider .owl-dots .owl-dot.active{ background-color: transparent; border: solid 2px #ffffff; width: 16px; height: 16px; }

.mainBannerPlayIcon{ position: absolute; right: 26%; top: 45%; z-index: 999; }
.mainBannerPlayIcon span{
    width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 50%; background-color: #ffffff; box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.2); display: block; color: #000000;
    -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -ms-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;
    -webkit-animation: playIcon 3000ms infinite; /* Safari 4.0 - 8.0 */
    animation: playIcon 3000ms infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes playIcon {
  0%   { box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.2); }
  25%  { box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.3); }
  75%  { box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.2); }
}

/* Standard syntax */
@keyframes playIcon {
  0%   { box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.2); }
  25%  { box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.3); }
  75%  { box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.2); }
}


.mainBannerPlayIcon a span i{
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
}
.mainBannerPlayIcon a:hover span i{  
    -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);
}
/*.mainBannerPlayIcon a:hover span{ box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2); }*/
/*.mainBannerPlayIcon a:hover span i{
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
    -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);
}*/

.clientsMainPart{ position: relative; }
.clientsMainPart:before{ position: absolute; background-color: #f7f7f7; right: 0px; top: 0px; bottom: 0px; content: ""; width: 33%; height:100%; }

.clientsWrapper{  }
.clientsWrapper h3{ font-family: 'Titillium Web', sans-serif; font-size: 18px; color: #564044; font-weight: bold; text-transform: uppercase; padding: 0px 0px 50px 0px; position: relative; }
.clientsWrapper h3 span{ font-family: 'Avenir LT Std' !important; font-size: 60px; color: #000000; font-weight: 900; text-transform: none !important; display: block; padding-top: 18px; }

.clientsLeftBox{ padding: 190px 0px 100px; height: 100%; }
.clientsRightBox{ padding: 190px 30px 100px 30px; background-color: #f7f7f7; height: 100%; position: relative; }
.clientsRightBox:before{ background-image: url(../images/clientsRightBoxMap.png); background-repeat: no-repeat; background-size: contain; background-position: left bottom; content: ""; width: 100%; height: 100%; 
    position: absolute; left: -30px; bottom: -70px;
}
.clientsRightBox ul{ text-align: right; position: relative; }
.clientsRightBox li{ font-family: 'Avenir LT Std' !important; font-weight: bold; font-size: 22px; line-height: normal; padding-bottom: 40px; }
.clientsRightBox li:last-child{ padding-bottom: 0px; }
.clientsRightBox li span{ font-family: 'Oswald', sans-serif; font-size: 53px; color: #000000; display: block; padding: 0px; line-height: normal; }


.clientSliderAndCounterMain{ position: relative; }

.clientSliderCounterBox{ position: absolute; top: 0px; left: 373px; background-color: #404856; width: auto; min-height: 80px; width: 132px; 
    display: flex; align-items: center; border-radius: 40px; justify-content: center; z-index: 90px;
}
.clientSlider-counter{ font-family: 'Brandon Grotesque'; color: #ffffff; font-size: 38px; letter-spacing: 5px; }
.clientSlider-counter span{ color: #e3e3e3; font-size: 23px; }


.clientsBoxData{ padding: 100px 30px 0px 70px; }
.clientsBoxDataThumb{ width: 303px; padding-bottom: 104px; }
.clientsBoxData h4{ font-family: 'Avenir LT Std' !important; font-size: 50px; color: #000000; font-weight: bold; padding-bottom: 30px; }
.clientsBoxData p{ font-family: 'Avenir LT Std' !important; font-size: 23px; color: #676767; font-weight: normal; padding-bottom: 30px; }


#clientSlider{  }
#clientSlider .owl-nav{ background-color: #1f1f1f; width: 303px; height: 104px; position: absolute; left: 0px; bottom: 0px; 
    display: flex; align-items: center; align-self: center; justify-content: space-around;
}
#clientSlider .owl-nav button{ color: #ffffff; font-size: 30px; display: block; width: 100%; height: 100%; border-top: solid 1px rgba(255, 255, 255, 0.2); }
#clientSlider .owl-nav button:hover{ background-color: #000000; color: #ffffff; border-top: solid 1px #fff; }
#clientSlider .owl-nav button.owl-next{ background-color: #000000; color: #ffffff; }


.linkarrow { font-family: 'Times New Roman' !important; color: #676767; font-weight: normal; display: flex; align-items: center; }
.linkarrow i{ padding-left: 15px; }


.brandLogoSection{ background-color: #ffffff; padding: 60px 0px; border-top: solid 3px #f7f7f7; }
.brandLogoBoxMain{  }
.brandLogoBox{ padding: 0px 15px; }
.brandLogoBox img{ width: auto !important; }

#brandLogoSlider{  }
#brandLogoSlider .owl-nav, #brandLogoSlider .owl-dots{ display: none; }
#brandLogoSlider .owl-stage{ display: flex; justify-content: center; }
#brandLogoSlider .item{ display: flex; justify-content: center; align-self: center; align-items: center; height: 100%; }



/*---- PORTFOLIO SLIDER PART ----*/
.prortfolioMainPart{ color: #ffffff; padding: 110px 0px 0px; position: relative; }
.prortfolioMainPart:before{ background-color: #000000; height: 80%; content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }

.prortfolioTabMain{ position: relative; text-align: center; }

.prortfolioTabNav{ padding-top: 20px; padding-bottom: 70px; }
.prortfolioTabNav ul.nav{ justify-content: center; }
.prortfolioTabNav ul.nav li { font-family: 'Raleway', sans-serif !important; display: inline-block; padding: 0px 80px; text-transform: uppercase; font-size: 23px; font-weight: 600; }
.prortfolioTabNav ul.nav li a{ color: #747474; fill: #747474; }
.prortfolioTabNav ul.nav li a.active{ color: #ffffff; fill: #ffffff; }
.prortfolioTabNavIcon{ width: 70px; padding-right: 10px; }

.ourCasesMain{ max-width: 1018px; margin: 0px auto; text-align: center; position: relative; }
.ourCasesMain:before{ background-color: #404856; border-radius: 12px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; height: 640px; content: ""; }
.ourCasesContain{ position: relative; padding: 50px 0px 36px 0px; }
.ourCasesContain h4{ font-size: 31px; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 600; text-transform: uppercase; }
.ourCasesContain h4 small{ display: block; font-size: 16px; font-family: 'Avenir LT Std' !important; font-weight: bold; text-transform: capitalize; padding-top: 6px; }


.prortfolioSliderWrapper{ position: relative; padding: 26px 0px 0px 0px; }

.laptopFrame{ position: absolute; left: 0px; right: 0px; top: 0px; width: 690px; text-align: center; z-index: 3; margin: 0px auto; pointer-events: none;}
.laptopFrame img{ width: 100%; }

.prortfolioImageBox{  }
.prortfolioImageBox img{ object-fit: cover; width: 100%; }

.prortfolioMainPart .owl-item.center .item{ margin: 0px; }
.portfolioSliderLoop .owl-dots { text-align: center; padding: 60px 0px 0px 0px; }
.portfolioSliderLoop .owl-dots .owl-dot{ width: 16px; height: 16px; background-color: #c4c6c9; border-radius: 50%; display: inline-block; margin: 0px 10px; border: solid 2px #3b4350;  }
.portfolioSliderLoop .owl-dots .owl-dot.active{ background-color: #f2f2f2; border: solid 2px #f2f2f2; }
/*---- PORTFOLIO SLIDER PART END ----*/


.recentPostsPart{ padding: 150px 0px 90px; }
.recentPostsPart h3{ color: #000000; font-size: 60px; font-weight: bold; padding-bottom: 40px; }
.recentPostsPart h3 small{ font-family: 'Titillium Web', sans-serif !important; font-size: 18px; color: #404856; text-transform: uppercase; display: block; font-weight: bold; padding-bottom: 15px; }

.recentPostsBox{ background-color: #f7f7f7; }
.recentPostsBoxImage{ position: relative; }
.recentPostsBoxImage img{ width: 100%; object-fit: cover; }
.recentPostsBoxDate{ 
    position: absolute; left: 0px; bottom: 0px; text-align: center;
    width: 100px; padding: 10px 0px 6px; background-color: #373e4a; color: #d9dadb; font-size: 16px;
}

.recentPostsBoxDate span{ display: inline-block; font-weight: 900; color: #ffffff; font-size: 48px; letter-spacing: -3px; line-height: 48px; border-bottom: solid 2px #696e77; margin-bottom: 5px; }

.recentPostsBoxData{ padding: 40px 20px; }
.recentPostsBoxData h4{ font-size: 25px; color: #000000; font-weight: bold; padding: 0px 0px 20px 0px; }
.recentPostsBoxData h5{ font-size: 14px; color: #636363; position: relative; padding: 0px 0px 18px 46px; }
.recentPostsBoxData h5:before{ position: absolute; left: 0px; top: 7px; background-color: #0036ff; width: 34px; height: 2px; content: ""; }
.recentPostsBoxData h5 span{ color: #a2a2a2; }


#recentPostsSlider{  }
#recentPostsSlider .owl-nav{ display: block; position: absolute; top: -114px; right: 0px; 
    background-color: #000; /*width: 180px;*/ height: 60px; text-align: center; line-height: 60px; border-radius: 40px;
}

#recentPostsSlider .owl-nav .owl-prev { font-size: 16px; color: #ffffff; padding: 0px 12px 0px 30px !important;  }
#recentPostsSlider .owl-nav .owl-next{ font-size: 16px; color: #ffffff; padding: 0px 30px 0px 12px !important;  }



.ourClientsMainPart{ position: relative; padding-top: 240px; }
.ourClientsMain{ position: absolute; left: 0px; right: 0px; top: 0px; }
.ourClients{ position: relative; }
.ourClients h3{ font-size: 60px; font-weight: bold; text-transform: uppercase; color: #000000; line-height: 60px; text-align: right; position: absolute; top: -48px; left: 0px; right: 0px; width: 100%; }
.ourClients h3 small{ font-size: 34px; font-weight: bold; display: block; line-height: normal; }

.ourClients .media { margin-bottom: 13px; }
.ourClients .media .media-body{ position: relative; margin: 0px 13px 0px 0px; }
.ourClients .media .media-body:before{ position: absolute; right: -13px; top: 13px; bottom: -13px; left: 13px; content: ""; border: solid 1px #b3b3b3;  }

.ourClientsData{ background-color: #f7f7f7; padding: 80px 120px 80px 80px; position: relative; }
.ourClientsData h4{ font-size: 28px; color: #000000; font-weight: normal; padding-bottom: 40px; position: relative; }
.ourClientsData h4:before{ font-family: "Font Awesome 5 Free"; content: "\f10d"; font-weight: bold; font-size: 60px; color: #d2d2d2; position: absolute; right: 0px; top: -10px; line-height: normal; }
.ourClientsData h4 span{ font-size: 24px; color: #bbbbbb; display: block; padding-top: 5px; }
.ourClientsData p{ font-size: 21px; color: #636363; padding: 0px; }

.ourClientsThumb{ width: 348px; }
.ourClientsThumb img{ object-fit: cover; object-position: left; min-height: 400px; }

#ourClientSlider{  }
#ourClientSlider .owl-nav{ background-color: #404856; width: 348px; text-align: center; position: absolute; bottom: 13px; left: 0px; }
#ourClientSlider .owl-nav button{ color: rgba(255, 255, 255, 0.6); height: 120px; font-size: 26px; padding: 0px 30px !important; 
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;    
}
#ourClientSlider .owl-nav button:hover{ color: #ffffff; }
#ourClientSlider .owl-nav .owl-prev{ width: 50%; }
#ourClientSlider .owl-nav .owl-next{ background-color: rgba(0, 0, 0, 0.5); width: 50%; }

.ourClientsMap{  }
.ourClientsMap img{ object-fit: cover; width: 100%; }


.mapPart{ position: relative; }
.mapFrame{ /*position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 55;*/ }
.mapFrame .container{  }
.mapFrameBox{ background-color:rgba(0,0,0,0.9); border-radius: 3px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); padding: 90px 40px 60px 48px; margin-top: -32px; 
    position: absolute; left: 80%; right: 0px; top: 0px; bottom: 0px; z-index: 55; width: 100%; height: 100%; display: table; 
}
.mapFrameBox h3{ color: #000000; font-size: 27px; font-weight: 500; padding-bottom: 35px; }
.mapFrameBox .postIcon{ font-size: 50px; color: #404856; }

.contactForm{ padding: 25px 0px 0px 0px; }
.contactForm .form-group{ margin-bottom: 22px; }
.contactForm .form-control{ border: none; border-bottom: solid 2px #f1f1f1; padding-left: 0px; padding-right: 0px; font-size: 14px; min-height: 50px; border-radius: 0px; }


.indx-contactColumMain{ background-color: #f3f3f3; padding: 70px 0px 100px; position: relative; border-bottom: solid 18px #ffffff; }
.indx-contactColumMain .media{  }
.indx-contactColumMain .media i{ font-size: 68px; color: #404856; }
.indx-contactColumMain .media .fa-phone-volume{ -moz-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); -o-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); }
.indx-contactColumMain .media .media-body h5{ font-family: 'Ubuntu', sans-serif; font-size: 30px; color: #000000; font-weight: bold; }
.indx-contactColumMain .media .media-body { font-family: 'Poppins', sans-serif; font-size: 22px; color: #616161; padding-left: 22px; }
.indx-contactColumMain .media .media-body a{ color: #616161 !important; }

.twiterSliderMain{ position: absolute; left: 0px; right: 0px; bottom: -18px; border-bottom: solid 10px #d40323; }
.twiterSliderMain:before{ position: absolute; left: 0px; bottom: 0px; background-color: #d40323; content: ""; width: 50%; height: 48px; }
.twiterSliderBox{ background-color: #d40323; height: 48px; display: flex; align-items: center; color: #ffffff; position: relative; }
.twiterSliderBox:before{ background-color: #d40323; height: 48px; width: 200px; position: absolute; right: -30px; top: 0px; bottom: 0px; content: ""; 
    -moz-transform: skewX(30deg); -webkit-transform: skewX(30deg); -o-transform: skewX(30deg); -ms-transform: skewX(30deg); transform: skewX(30deg);
}

.twiterSliderBoxData{ display: flex; padding-top: 10px; position: relative; }
.twiterSliderBoxData span{ color: #f4c0c8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; }
.twiterSliderBoxData i{ font-size: 25px; padding: 0px 15px 0px 0px; }
.twiterSliderBoxData p{ padding: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: auto; }
.twiterSliderBoxData p span{ padding-left: 20px; }

#quoteSmallSlider{  }
#quoteSmallSlider .owl-nav{ position: absolute; right: 0px; top: 2px; line-height: normal; }
#quoteSmallSlider .owl-nav .owl-prev{ font-size: 30px; margin: 0px 5px; }
#quoteSmallSlider .owl-nav .owl-next{ font-size: 30px; margin: 0px 5px; }



/*--Footer--*/
.footerMain { background-color: #000000; color: #ffffff; padding: 70px 0px 30px; background-image: url(../images/footerLogo.png); background-repeat: no-repeat; background-position: 30% top; }

.footerBox { padding: 15px 0px; font-family: 'Museo Sans 500' !important; }
.footerBox h3 { font-family: 'Ubuntu', sans-serif; font-size: 30px; font-weight: normal; padding-bottom: 20px; color: #ffffff; text-transform: uppercase; position: relative; margin-bottom: 34px; }
.footerBox h3:before { background-color: #373e4b; position: absolute; left: 0px; right: 0px; bottom: 0px; content: ""; width: 100%; height: 1px; }
.footerBox h3:after { background-color: #000000; position: absolute; right: 50px; bottom: 0px; content: ""; width: 20px; height: 1px; }
.footerBox ul { }
.footerBox li { padding: 0px 0px 12px; font-size: 17px; font-weight: 500; }
.footerBox li:last-child { padding: 0px; }
.footerBox li a { color: #ffffff; }
.footerBox li a:hover { color: rgba(255, 255, 255, 0.6); }

.footerSocial{ background-color: #1a1a1a; text-align: center; padding: 20px 0px; margin-top: 70px; }
.footerSocial ul { }
.footerSocial li { display: inline-block; padding: 0px 28px; font-size: 20px; }
.footerSocial li a{ color: #8d8d8d; }
.footerSocial li a:hover{ color: #ffffff; }

.copyRight{ padding: 30px 0px 0px; text-align: center; font-size: 18px; color: #8d8d8d; font-weight: 300; }
.copyRight a{ color: #8d8d8d; }
.copyRight a:hover, .copyRight a:focus{ color: #ffffff; }
/*--Footer End--*/


/*--Inner Page Main Banner Start--*/
.innerMainBanner{ position: relative; }
.innerBannerImage{ position: relative; }
.innerBannerImage img{ width: 100%; }
.innerBannerImage:before{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; background-color: rgba(0, 0, 0, 0.6); }
.innerMainBannerWrapper{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; color: #ffffff; width: 100%; height: 100%; z-index: 5; display: flex; align-items: flex-end; padding-bottom: 130px; }
.innerMainBannerWrapper h1{ font-size: 80px; line-height: 80px; font-family: 'Brandon Grotesque'; }
.innerMainBannerWrapper h1 small{ font-size: 18px; line-height: normal; font-family: 'Titillium Web', sans-serif; font-weight: bold; color: #dad9d9; text-transform: uppercase; display: block; padding: 0px 0px 20px; letter-spacing: 2px; }
.innerMainBannerWrapper h1 span{ display: block; }
.innerBannerBreadcrumb{ font-family: 'Avenir LT Std'; }
.innerBannerBreadcrumb .breadcrumb{ background-color: transparent; border-radius: 0px; margin: 20px 0 0 0; padding: 0px; justify-content: end; }
.innerBannerBreadcrumb .breadcrumb .breadcrumb-item { font-size: 24px; font-weight: 600; text-transform: capitalize; }
.innerBannerBreadcrumb .breadcrumb .breadcrumb-item a { color: #989898; }
.innerBannerBreadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item:before { color: #989898; }
.innerBannerBreadcrumb .breadcrumb .breadcrumb-item.active { color: #fff; }
/*--Inner Page Main Banner End--*/


/*---- Contact Us Page ----*/

.justSayHello{ background-color: #343d4c; padding: 30px 0px 0px 0px; }
.justSayHelloImage{ text-align: center; }
.justSayHelloBox{ background-color: #f6f6f6; padding: 70px; color: #000000; border-radius: 4px 4px 0px 0px; position: relative; }
.justSayHelloBox:before{ background-color: #f6f6f6; border-radius: 0px 0px 4px 4px; width: 100%; height: 8px; position: absolute; left: 0px; right: 0px; bottom: -6px; content: ""; }
.justSayHelloBox p{ font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 500; }
.justSayHelloBoxIcon { text-align: right; font-size: 65px; color: #404856; }


.contactPageFormPart{ padding: 70px 0px 70px 0px; }

/*---- Form Start ----*/
.formOne{ padding: 40px 0px 0px; }
.formOne .form-group{ margin-bottom: 50px; }
.formOne .frmOneinp{ height: 74px; font-size: 18px; }
.formOne .labelAll{ font-family: 'Avenir LT Std' !important; font-size: 24px; color: #676767; font-weight: 500; }
.formOne .frmOneinp:focus{ border: 1px solid #f6f6f6; }
.formOne .form-control { background-color: #f6f6f6; border: 1px solid #f6f6f6; padding: 30px; border-radius: 6px; }
.formOne .frmOneinp.form-control::placeholder{ color: #9d9d9d; }

.formOne .input-group{  }
.formOne .input-group-text{ background-color: #f6f6f6; border: 1px solid #f6f6f6; padding: 0px 26px; font-size: 20px; color: #7d8189; border-radius: 6px; }
.formOne .custom-control-label:before { border: solid 1px #e6e6e6; background-color: #e6e6e6; width: 28px; height: 28px; }
.formOne .custom-control-label:after { width: 28px; height: 28px; }
.formOne .custom-control-label { padding-left: 25px; padding-top: 1px; font-size: 22px; }
.formOne input .custom-control-input:focus { box-shadow: none; }
.formOne .note{ font-size: 18px; color: #808080; text-align: right; padding-top: 10px; }
/*---- Form End ----*/


.worldMapPartMain{ background-color: #282c32; padding: 90px 0px; position: relative; }
.worldMapPartMain:before{ background-image: url(../images/mapPett.png); background-repeat: repeat; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; opacity: 0.2; }
.worldMapPartMain *{ position: relative; }
.worldMapPartMain h3{ font-family: 'Museo Sans 500'; color: #ffffff; font-weight: bold; font-size: 56px; }
.worldMapPartMain h3 small{ color: #4ed753; font-weight: normal; font-size: 28px; display: block; padding: 0px 0px 10px; }
.worldMapPart{ text-align: center; padding: 80px 0px 40px; }

.worldMapAddressMain{ position: absolute !important; left: 0px; right: 0px; bottom: -120px; z-index: 55; }
.worldMapAddressMain .media{ background-color: #000000; padding: 55px 50px; color: #ffffff; border-radius: 8px; position: relative; }
.worldMapAddressMain .media:before{ background-color: #000000; position: absolute; left: 110px; top: -15px; content: ""; width: 30px; height: 30px; 
    -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
.worldMapAddressMain .media .media-body{ padding: 0px 0px 0px 40px; font-family: 'Avenir LT Std'; font-size: 28px; }

/*---- Contact Us Page End ----*/

/*---- Commn Title 1 ----*/
.innerComnTitle1{ padding-bottom: 40px; }
.innerComnTitle1 h3{ font-family: 'Avenir LT Std'; font-weight: 900; font-size: 60px; }
.innerComnTitle1 small{ font-family: 'Titillium Web', sans-serif; display: block; font-size: 17px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 10px; }
.signature{  }
/*---- Commn Title 1 End ----*/


/*---- About Us Page ----*/
.welcomeTechnetiumPart{ padding: 90px 0px; background-image: url(../images/largeTransLogo.png); background-repeat: no-repeat; background-position: center -140px; }

/*Slider Main*/
.welcomeTechnetiumSlider { /*justify-content: space-around; overflow: hidden;*/ display: flex; position: relative; margin-bottom: 98px; }
.welcomeTechnetiumSlider .image-slider-wrapper { position: relative; width: 500px; }
.welcomeTechnetiumSlider .image-slider-wrapper .ipad-frame { width: 100%; position: absolute; top: 0; z-index: 2; }
.welcomeTechnetiumSlider .image-slider-wrapper .swiper-slide img { object-fit: cover; }
.welcomeTechnetiumSlider .quote-slider-wrapper { width: 620px; position: absolute; right: 0px; }
.welcomeTechnetiumSlider .swiper-button-prev{ left: 26px; bottom: -30px; top: unset; background-color: #000000; width: 100px; height: 90px; background-image: none; text-align: center; display: flex; align-items: center; justify-content: center; color: #ffffff; }
.welcomeTechnetiumSlider .swiper-button-next{ left: 126px; bottom: -30px; top: unset; background-color: #000000; width: 100px; height: 90px; background-image: none; text-align: center; display: flex; align-items: center; justify-content: center; color: #ffffff; }

/*My Box Data*/
.welcomeTechnetiumSliderDataBox{  }
.welcomeTechnetiumSliderDataBox h3{ font-family: 'Brandon Grotesque'; font-size: 70px; line-height: 70px; color: #000000; padding-bottom: 40px; }
.welcomeTechnetiumSliderDataBox h4{ font-family: 'Titillium Web', sans-serif; font-size: 17px; font-weight: bold; text-transform: uppercase; color: #000000; padding: 0px 0px 20px 57px; letter-spacing: 2px; position: relative; }
.welcomeTechnetiumSliderDataBox h4:before{ position: absolute; left: 0px; top: 6px; content: ""; background-color: #000000; width: 40px; height: 5px; }
.welcomeTechnetiumSliderDataBox p{ font-size: 21px; }
/*Slider End*/


.myProgressbarPart{ padding: 48px 0px 0px 0px; }
.myProgressBar{ padding-bottom: 60px; }
.myProgressBar:last-child{ padding-bottom: 0px; }
.myProgressBar label{ display: flex; font-family: 'Titillium Web', sans-serif; font-size: 20px; text-transform: uppercase; font-weight: bold; color: #000000; letter-spacing: 2px; margin-bottom: 15px; }
.myProgressBar label span{ margin-left: auto; }
.myProgressBar .progress{ border-radius: 0px; height: 6px; }
.myProgressBar .progress-bar{ background-color: #00c57c; }

.welcomeTechnetiumText{  }
.welcomeTechnetiumText p{ font-size: 22px; font-weight: 400; color: #676767; line-height: 2; }


.businessPartnerPart{ background-color: #404856; color: #ffffff; }
.businessPartnerPart .container{ max-width: 1920px; padding-left: 0px; padding-right: 0px; }
.businessPartnerLeft{ padding: 70px 80px 0px 80px; }
.businessPartnerLeft p{ font-family: 'Avenir LT Std'; font-size: 26px; }
.businessPartnerNumber{ background-image: url(../images/businessPartnerLeftMap.png); background-repeat: no-repeat; background-position: center center; background-size: contain; padding: 20px 0px 80px; margin-bottom: 22px; }
.businessPartnerNumberBox{ padding: 15px 0px; }
.businessPartnerNumberBox h4{ font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 66px; padding-bottom: 15px; }
.businessPartnerNumberBox h5{ font-family: 'Avenir LT Std'; font-size: 27px; font-weight: bold; }
.officesWorldwide{ font-family: 'Avenir LT Std'; font-size: 36px; font-weight: bold; padding: 60px 0px 0px; }
.officesWorldwide span{ font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 48px; }

.businessPartnerRight{ height: 100%; }
.businessPartnerRightBox{ font-family: 'Avenir LT Std'; padding: 40px; text-align: center; height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.businessPartnerRightBox img{ padding-bottom: 40px; text-align: center; }
.businessPartnerRightBox h3{ font-size: 36px; font-weight: 600; padding: 0px 0px 20px; }
.businessPartnerRightBox p{ font-size: 23px; font-weight: normal; padding: 0px; }
.businessPartnerRightBoxImg{ height: 100%; }
.businessPartnerRightBoxImg img{ width: 100%; height: 100%; object-fit: cover; }
.businessPartnerRightBox.boxBlue{ background-color: #2886ea; background-image: url(../images/businessPartnerRightBoxBluePet.jpg); background-repeat: no-repeat; background-position: right top; }
.businessPartnerRightBox.boxGreen{ background-color: #00c57c; background-image: url(../images/businessPartnerRightBoxGreenPet.jpg); background-repeat: no-repeat; background-position: right bottom; }

.ourCreativeTeamPart{ padding: 90px 0px 80px; }
.ourTeamBox{ position: relative; }
.ourTeamBoxImage{ padding-bottom: 70px; }
.ourTeamBoxImage img{ width: 100%; object-fit: cover; }
.ourTeamBoxData{ padding: 30px 90px 30px 30px; position: absolute; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/ourTeamBoxDatabg.png); background-repeat: no-repeat; background-position: right top; }
.ourTeamBoxData h4{ font-family: 'Avenir LT Std'; font-size: 30px; color: #000000; font-weight: 600; }
.ourTeamBoxData h4 small{ font-size: 24px; color: #636363; display: block; padding: 10px 0px 0px 0px; font-weight: normal; }
.ourTeamSliderMain{  }
#ourTeamSlider{  }
#ourTeamSlider .owl-nav{ display: block; position: absolute; top: -90px; right: 0px; text-align: center; }
#ourTeamSlider .owl-nav .owl-prev { font-size: 20px; color: #d6d6d6; padding-right: 10px !important;  }
#ourTeamSlider .owl-nav .owl-next{ font-size: 20px; color: #d6d6d6; padding-left: 10px !important;  }

.companyHistoryPart{ background-color: #404856; position: relative; color: #ffffff; }
.companyHistoryPart:before{ background-color: #38404d; position: absolute; right: 0px; top: 0px; bottom: 0px; content: ""; width: 40%; height: 100%; }
.companyHistoryPart .container{ position: relative; }
.companyHistoryWrapper{ background-color: #38404d; position: relative; padding: 70px 0px 90px; }
.companyHistoryWrapper:before{ background-color: #38404d; position: absolute; left: -50px; top: 0px; bottom: 0px; content: ""; width: 140px; height: 100%; }
.companyHistoryWrapper *{ position: relative; }
.companyHistoryBox{ font-family: 'Avenir LT Std'; }
.companyHistoryBox p{ font-weight: 500; font-size: 26px; padding: 0px; text-align: justify; }

/*---- About Us Page End ----*/


/*---- Blog Page ----*/
.blogWrapper{ padding: 60px 0px 100px; }
.blogMain{ padding-bottom: 80px; font-family: 'Avenir LT Std'; }
.blogImageMain{ position: relative; }
.blogImage{ width: 100%; height: 100%; }
.blogImage img{ width: 100%; object-fit: cover; }

.blogDate{ background-color: #2b3039; border-radius: 6px; color: #ffffff; position: absolute; left: -50px; bottom: -60px; width: 160px; text-align: center; overflow: hidden; z-index: 8; }
.blogDate .date{ font-size: 76px; font-weight: 700; line-height: normal; padding: 8px 10px; letter-spacing: -4px; }
.blogDate .month{ font-size: 25px; background-color: #3a424e; padding: 8px 10px; color: #d9dadc; font-weight: 500; }

.blogDataMain{ background-color: #f7f7f7; position: relative; }
.blogBoxLeft{ background-color: #ffffff; padding: 30px; height: 100%; position: relative; }
.blogBoxLeftBgNumber{ position: absolute; left: 0px; bottom: 0px; font-size: 170px; line-height: 120px; color: #f7f7f7; font-weight: bold; letter-spacing: -18px; }
.blogShare{ position: absolute; left: 0px; right: 0px; top: 40px; bottom: 0px; text-align: center; z-index: 2; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.blogShare a{ font-size: 25px; color: #000000; display: block; margin: 6px 0px; position: relative; z-index: 8; line-height: normal; }
.blogShare span{ font-size: 22px; color: #000000; display: block; padding-right: 50px; font-weight: bold; text-transform: uppercase; 
    -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.blogBoxRight{ padding: 50px; }
.blogBoxRight h3{ color: #000000; font-size: 38px; font-weight: bold; padding: 0px 0px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.blogBoxRight h4{ color: #636363; font-size: 22px; text-transform: uppercase; padding: 0px 0px 0px 68px; margin-bottom: 24px; position: relative; }
.blogBoxRight h4 span{ color: #a2a2a2; padding-right: 10px; }
.blogBoxRight h4:before{ position: absolute; left: 0px; top: 10px; width: 50px; height: 3px; background-color: #373e4a; content: ""; }
.blogBoxRight p{ font-size: 22px; color: #636363; padding: 0px; }
/*---- Blog Page End ----*/


/*-- My Pagination One --*/
.myPagination{ font-family: 'Avenir LT Std'; margin-top: 40px; }
.myPagination .pagination{ justify-content: center; align-items: center; }
.myPagination .pagination li{ padding: 0px 22px; font-size: 40px; font-weight: bold; }
.myPagination .pagination li a{ color: #000000; text-decoration: none; border-bottom: solid 4px transparent; padding: 0px 5px; }
.myPagination .pagination li a:hover, .myPagination .pagination li a.active{ color: #000000; text-decoration: none; border-bottom: solid 4px #000000; }
.myPagination .pagination .arrow{ background-color: #000000; color: #ffffff !important; font-size: 22px; width: 98px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 30px; border: 0px !important;  }
.myPagination .pagination .arrow:hover{ background-color: rgba(0, 0, 0, 0.6); }
.myPagination .pagination .arrow:first-child{ margin-right: 15px; }
.myPagination .pagination .arrow:last-child{ margin-left: 15px; }

/*-- My Pagination Two --*/
.myPaginationTwo{  }
.myPaginationTwo ul { display: flex; justify-content: space-between !important; }
.myPaginationTwo li { padding: 0px !important; }
.myPaginationTwo li .linktext { text-transform: uppercase; font-size: 26px; }
.myPaginationTwo li a{ border: 0px !important; color: rgba(0, 0, 0, 0.6) !important; font-weight: normal; display: flex; align-items: center; }
.myPaginationTwo li a:hover{ border: 0px !important; color: #000000 !important; }
.myPaginationTwo li a .arrow{ background-color: rgba(0, 0, 0, 0.6) !important; -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; }
.myPaginationTwo li a:hover .arrow{ background-color: #000000 !important; }


/*---- Blog Details Page Start ----*/
.postPerson{ display: flex; align-items: center; margin-bottom: 20px; }
.postPersonLeft{ margin-right: auto; display: flex; align-items: center; }
.postPersonLeft span{ background-color: #ffde00; color: #010101; font-weight: bold; font-size: 44px; width: 64px; height: 64px; line-height: 64px; text-align: center; text-transform: uppercase; display: inline-block; margin-right: 26px; }
.postPersonLeft h4{ font-size: 28px; }
.postPersonRight{ margin-left: auto; font-size: 23px; }
.postPersonRight span{ margin-right: 30px; font-size: 23px; }
.postPersonRight span:last-child{ margin-right: 0px; }
.postPersonRight i{ margin-right: 8px; }

.blogDetails{ font-family: 'Avenir LT Std'; padding-top: 20px; }
.blogDetails p{ font-size: 26px; font-weight: normal; padding-bottom: 34px; color: #676767; }

.blogDetail-ThumbsMain{ padding: 20px 0px 50px; }
.blogDetailThumb{ height: 100%; }
.blogDetailThumb img{ object-fit: cover; width: 100%; height: 100%; }

.blogDetail-quote{ background-color: #3a424e; padding: 70px 140px 70px 70px; margin: 10px 0px 40px; position: relative; }
.blogDetail-quote:before{ position: absolute; right: 70px; bottom: 60px; font-family: "Font Awesome 5 Free"; content: "\f10e"; color: #4f5661; font-size: 70px; font-weight: bold; line-height: normal; }
.blogDetail-quote *{ position: relative; }
.blogDetail-quote p{ font-family: 'Brandon Grotesque'; color: #ffffff; font-size: 48px !important; padding-bottom: 20px; line-height: normal; }
.blogDetail-quote span{ font-size: 28px; color: #c9cacd; padding: 0px; line-height: normal; }

.blogDetail-likeBox{ border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; padding: 40px 30px; text-align: center; display: flex; justify-content: center; align-items: center; margin: 30px 0px; }
.blogDetail-likeBox label{ margin: 0px; font-size: 28px; text-transform: uppercase; color: #000000; padding-right: 30px; letter-spacing: 2px; }
.blogDetail-facebook{ background-color: #3b5998; color: rgba(255, 255, 255, 0.5); font-size: 21px; text-transform: uppercase; border-radius: 4px; max-width: 300px; width: 100%; min-height: 100px; display: flex; justify-content: center; align-items: center; margin: 0px 8px; }
.blogDetail-facebook a{ color: #ffffff; margin-right: 12px; font-size: 25px; }
.blogDetail-facebook i{ font-size: 28px; padding-right: 18px; }
.blogDetail-follow{ background-color: #f7f7f7; color: rgba(0, 0, 0, 0.5); font-size: 21px; text-transform: uppercase; border-radius: 4px; max-width: 300px; width: 100%; min-height: 100px; display: flex; justify-content: center; align-items: center; margin: 0px 8px; }
.blogDetail-follow a{ color: #000000; margin-right: 12px; font-size: 25px; }
.blogDetail-follow i{ font-size: 28px; padding-right: 18px; }

.blogDetail-leaveReply{ padding: 80px 0px 0px; }
.blogDetail-leaveReply h4{ font-family: 'Brandon Grotesque'; font-size: 38px; color: #000000; font-weight: bold; padding: 0px 0px 10px; }

/*---- Blog Details Page End ----*/


/*---- Form Start ----*/
.formTwo{  }
.formTwo .form-group{ margin-bottom: 50px; }
.formTwo .labelAll{ font-family: 'Avenir LT Std' !important; font-size: 28px; color: #000000; font-weight: 500; width: 100%; }
.formTwo .form-control { border: 2px solid #dfdfdf; padding: 30px; border-radius: 0px; }
.formTwo .frmTwoinp{ height: 80px; font-size: 18px; box-shadow: 0px 8px 10px rgba(238, 238, 238, 0.7); }
.formTwo .frmTwoinp:focus{ border: 2px solid #aaaaaa; }
.formTwo .frmTwoinp.form-control::placeholder{ color: #9d9d9d; }
/*---- Form End ----*/


.topArticleSliderMain{ position: relative; padding-bottom: 100px; }
.topArticleSliderMain:before{ position: absolute; left: 0px; top: 70px; width: 45%; height: 360px; content: ""; background-color: #f7f7f7; }

.articleThumb{ position: relative; font-family: 'Poppins', sans-serif; height: 100%; }
.articleThumb h4{ padding: 15px 0px 24px; color: #000000; font-size: 28px; font-weight: 500; }
.articleThumb h5{ font-size: 22px; color: #676767; font-weight: normal; position: relative; padding: 0px 0px 0px 40px; min-height: 30px; display: flex; align-items: center; }
.articleThumb h5:before{ font-size: 26px; color: #000000; font-family: "Font Awesome 5 Free"; content: "\f5ad";
    position: absolute; left: 0px; top: 0px; font-weight: bold;
    -moz-transform: rotate(136deg); -webkit-transform: rotate(136deg); -o-transform: rotate(136deg); -ms-transform: rotate(136deg); transform: rotate(136deg);
}

.articleThumbFix{ height: calc(100% - 140px); }

.articleThumbImage{ position: relative; height: 100%; }
.articleThumbImage img{ object-fit: cover; width: 100%; height: 100%; }


.articleThumbLabel{ position: relative; display: flex; align-items: flex-start; justify-content: flex-end; margin-top: -80px; min-height: 80px; }
.articleThumbLabel:before{ position: absolute; left: 0px; top: 0px; bottom: 0px; background-color: #ffffff; height: 100%; width: 80%; content: ""; }

.articleThumbLabelData{ position: relative; background-color: #404856; padding: 14px 20px; color: #ffffff; display: inline-block; border-radius: 4px; top: -3px; 
    font-family: 'Titillium Web', sans-serif; font-size: 17px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px;
}

#sliderOnecarousel{ position: relative; }
#sliderOnecarousel .owl-nav{ display: block; position: absolute; top: -80px; right: 5%; text-align: center; }
#sliderOnecarousel .owl-nav .owl-prev { font-size: 20px; color: #000000; padding-right: 10px !important; }
#sliderOnecarousel .owl-nav .owl-next{ font-size: 20px; color: #000000; padding-left: 10px !important; }


#sliderOnecarousel .owl-stage{ display: flex; flex-wrap: wrap; }
#sliderOnecarousel .item{ height: 100%; }


/*---- Half Container ----*/
.carousel-container{
    position:relative;
    right:0px;
    margin-right:-15px;
    margin-left:auto;
    width: calc(100% - (100% - 1200px)/2);
    max-width: none !important;
}


/*---- Commn Title with Line ----*/
.innerComnTitleLine{  }
.innerComnTitleLine h3{ font-size: 48px; font-weight: 500; color: #000000; position: relative; padding-bottom: 20px; margin-bottom: 45px; }
.innerComnTitleLine h3:before{ position: absolute; left: 0px; bottom: 0px; content: ""; width: 200px; height: 5px; background-color: #cfcfcf; }
/*---- Commn Title End ----*/


/*-- Services Page --*/

.aboutCompanyPart{ background-color: #f7f7f7; padding: 80px 0px; }
.aboutCompanyPart p{ color: #000000; font-size: 26px; font-family: 'Avenir LT Std'; }
.aboutCompanyPart .container{ position: relative; }
.aboutCompanyPart .innerComnTitleLine{ position: absolute; left: 15px; top: -115px; }

.serviceThreeTabMain{ padding: 38px 0px 130px; }
.serviceThreeTabMain .prortfolioTabNav ul.nav li { padding: 0px 40px !important; }
.serviceThreeTabMain .prortfolioTabNav ul.nav li a { color: #676767; fill: #000000; padding: 30px 50px; display: block; }
.serviceThreeTabMain .prortfolioTabNav ul.nav li a.active { color: #ffffff; fill: #ffffff; background-color: #404856; display: block; padding: 30px 50px; border-radius: 70px; }

.serviceThreeMain{ background-color: #f3f3f3; margin-bottom: 50px; }
.serviceThreeMain:last-child{ margin-bottom: 0px; }
.serviceThreeImage{  }
.serviceThreeMain:nth-child(even) .serviceThreeImage{ -ms-flex-order: 2; order: 2; }

.serviceThreeImageBox{ height: 100%; }
.serviceThreeImageBox img{ object-fit: cover; width: 100%; height: 100%; }
.serviceThreeData{  }
.serviceThreeDataBox{ padding: 40px; }
.serviceThreeDataBox p{ font-family: 'Avenir LT Std'; font-size: 20px; color: #434343; }

.serviceThreeDataBox .media{ padding: 0px 0px 30px; }
.serviceThreeDataBox .media .media-icon{ width: 86px; height: 86px; line-height: 86px; background-color: #404856; border-radius: 50%; display: block; text-align: center; margin-right: 22px; }
.serviceThreeDataBox .media .media-icon img{ object-fit: cover; width: 100%; padding: 20px; }
.serviceThreeDataBox .media span{ display: block; }
.serviceThreeDataBox .media .media-body{ color: #000000; font-family: 'Poppins', sans-serif; font-size: 25px; line-height: normal; }

.ourNumbersPart{ background-color: #f7f7f7; padding: 110px 0px 80px; }
.ourNumbersBox{ font-family: 'Avenir LT Std'; font-size: 24px; color: #939393; font-weight: bold; padding: 20px 0px; }
.ourNumbersBox h3{ font-family: 'Oswald', sans-serif; font-size: 60px; color: #000000; font-weight: bold; display: block; padding-bottom: 10px; }

.sliderComboMain{ position: relative; background-color: #000000; padding: 50px 0px 100px 0px; }
.sliderComboMain:before{ position: absolute; left: 0px; right: 0px; top: 0px; content: ""; height: 200px; background-color: #f7f7f7; }
.sliderComboMain .ourClients{ padding: 0px 0px 100px 0px; }
.sliderComboMain .container{ position: relative; }

.sliderComboMain .ourClientsData { background-color: #ffffff; }
.sliderComboMain .welcomeTechnetiumSliderDataBox h3, .sliderComboMain .welcomeTechnetiumSliderDataBox h4, .sliderComboMain .welcomeTechnetiumSliderDataBox p { color: #ffffff !important; }

.sliderComboMain .welcomeTechnetiumSliderDataBox h4:before { background-color: #404856; }

.sliderComboMain .swiper-button-prev, .sliderComboMain .swiper-button-next{ background-color: #ffffff; }
.welcomeTechnetiumSlider .swiper-button-prev, .welcomeTechnetiumSlider .swiper-button-next{ color: #d6d6d6; }

/*-- Partners Page --*/
.partnersSliderPart{ padding: 30px 0px 110px; background-image: url(../images/largeTransLogo.png); background-repeat: no-repeat; background-position: center -270px; }
.partnersSliderPart .container{ position: relative; }
.articleTwoThumbFix{ height: calc(100% - 85px); }

#sliderTwocarousel{ position: relative; }
#sliderTwocarousel .owl-nav{ position: absolute; top: auto;  right: 0px; bottom: -110px; text-align: center; 
    background-color: #404856; width: 150px; height: 74px; display: flex; justify-content: center; align-items: center; border-radius: 40px;
}
#sliderTwocarousel .owl-nav .owl-prev { font-size: 20px; color: #ffffff; padding-right: 10px !important; }
#sliderTwocarousel .owl-nav .owl-next{ font-size: 20px; color: #ffffff; padding-left: 10px !important; }
#sliderTwocarousel .owl-stage{ display: flex; flex-wrap: wrap; }
#sliderTwocarousel .item{ height: 100%; }

.sliderTwo-counterMain{ position: absolute; bottom: -100px; right: 230px; }
.sliderTwo-counter{ font-family: 'Brandon Grotesque'; color: #404856; font-size: 40px; letter-spacing: 5px; }
.sliderTwo-counter span{ font-size: 24px; }

.partnersHappy{ padding: 30px 0px 0px; }
.partnersHappy .media{  }
.partnersHappy .media .media-body{ align-self: center; padding: 0px 0px 0px 60px; font-family: 'Avenir LT Std'; font-size: 26px; }


.ourPartnerPart{ background-color: #404856; color: #ffffff; position: relative; /*margin-top: 40px;*/ }
.ourPartnerPart:before{ background-color: #2886ea; position: absolute; right: 0px; top: 0px; bottom: 0px; content: ""; width: 50%; }
.ourPartnerPart:after{ background-color: #f7f7f7; position: absolute; left: 0px; right: 0px; top: -40px; content: ""; width: 100%; height: 75px; }
.ourPartnerContain{ background-color: #404856; position: relative; /*min-height: 500px;*/ 
    background-image: url(../images/businessPartnerLeftMap.png); background-repeat: no-repeat; background-position: center bottom; /*background-size: 80%;*/
}

.ourPartnerContainLabel{
    position: absolute; top: 140px; right: -70px; bottom: 0px; font-family: 'Titillium Web', sans-serif; font-size: 24px; font-weight: bold; text-transform: uppercase; letter-spacing: 4px; 
    transform-origin: top left;
    writing-mode: vertical-rl;
    z-index: 5;
}

.ourPartnerBox{ position: relative; padding-bottom: 180px; }
.ourPartnerBox .ourTeamBox{ /*margin-top: -40px;*/ }
.ourPartnerBox .ourTeamBoxSocial{ padding-top: 40px; position: absolute; left: 0px; right: 0px; }
.ourPartnerBox .ourTeamBoxSocial a{ color: #ffffff !important; font-size: 40px; margin: 0px 30px; }
.ourPartnerBox .ourTeamBoxSocial a:first-child{ margin-left: 2px; }
.ourPartnerBox .media{  }
.ourPartnerBox .media-body{ padding: 120px 80px 80px 80px; }
.ourPartnerBox .media-body p{ font-family: 'Avenir LT Std'; font-size: 26px; }

#ourPartnerCarousel{  }
#ourPartnerCarousel .owl-stage{ height: auto !important; line-height: normal !important; }
#ourPartnerCarousel .owl-nav{ 
    position: absolute; top: auto;  right: -110px; bottom: 50px; text-align: center; z-index: 55;
    background-color: #000000; width: 220px; height: 90px; display: flex; justify-content: center; align-items: center; border-radius: 80px; 
}
#ourPartnerCarousel .owl-nav .owl-prev { font-size: 20px; color: #ffffff; padding-right: 15px !important; }
#ourPartnerCarousel .owl-nav .owl-next{ font-size: 20px; color: #ffffff; padding-left: 15px !important; }
#ourPartnerCarousel .owl-dots{ position: absolute; bottom: 75px; }
#ourPartnerCarousel .owl-dots .owl-dot { background-color: #000000; width: 12px; height: 12px; display: inline-block; border-radius: 50%; margin: 0px 6px; }
#ourPartnerCarousel .owl-dots .owl-dot.active{ background-color: transparent; border: solid 2px #ffffff; width: 16px; height: 16px; }
.ourPartnerCarousel-counterMain{ position: absolute; bottom: 65px; right: 170px; }
.ourPartnerCarousel-counter{ font-family: 'Brandon Grotesque'; color: #ffffff; font-size: 40px; letter-spacing: 5px; }
.ourPartnerCarousel-counter span{ font-size: 24px; color: #e3e3e3; }


.amazingBrandsPart{ padding: 100px 0px 80px; }
.amazingBrandsPart .row.vdivide [class*='col-']:not(:first-child):after { background: #bfbfbf; width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }
.amazingBrandsPart hr{ border-top: 1px solid #bfbfbf; margin: 0px; }
.amazingBrands{ min-height: 220px; display: flex; align-items: center; justify-content: center; }
.amazingBrands img{ padding: 0px 30px; }
.awardsPart{ background-color: #f7f7f7; position: relative; }
.awardsPart:before{ background-color: #ffffff; position: absolute; left: 0px; right: 0px; top: 0px; width: 100%; height: calc(100% - 48%); content: ""; z-index: 3; }
.awardsData-container{
    position:relative;
    right:0px;
    margin-right:-15px;
    margin-left:auto;
    width: calc(100% - (100% - 1200px)/2);
    max-width: none !important;
    
    background-color:#404856;
    color:#fff; 
    padding-bottom: 40px;
}
.awardsData-container:before{ background-color:#404856; width: 40px; position: absolute; left: -40px; top: 0px; bottom: 0px; height: 100%; content: ""; }
.awardsData-container h2{ 
    position: absolute; left: -160px; top: 100px; z-index: 15; color: #404856; font-family: 'Avenir LT Std'; font-size: 48px; font-weight: bold; display: inline-block; text-align:right;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.awardsData-container h2 small{ font-family: 'Titillium Web', sans-serif; font-size: 17px; font-weight: bold; text-transform: uppercase; display: block; letter-spacing: 4px; }

#awardsCarousel{ position: relative; z-index: 10; }
#awardsCarousel .owl-nav{ display: block; position: absolute; top: 0px; left: -150px; text-align: center; }
#awardsCarousel .owl-nav .owl-prev { font-size: 16px; color: #d6d6d6; padding-right: 10px !important; }
#awardsCarousel .owl-nav .owl-next{ font-size: 16px; color: #d6d6d6; padding-left: 10px !important; }
#awardsCarousel .owl-nav .owl-prev:hover, #awardsCarousel .owl-nav .owl-next:hover { color: #000000; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }

.awardsItemBox{  }
.awardsItemImage{ height: 100%; }
.awardsItemImage img{ object-fit: cover; width: 100%; height: 500px; }
.awardsItemText{ padding: 50px 0px; }
.awardsItemText h3{ font-family: 'Titillium Web', sans-serif; font-size: 40px; font-weight: 500; }
.awardsItemText h4{ font-family: 'Avenir LT Std'; font-weight: normal; color: #dadbdd; font-size: 26px; padding-bottom: 6px; }


/*---- HGL ----*/
.categoryPart{ width: 500px; margin: 50px auto; }
.categoryNav{ padding: 8px 0px; }
.categoryNav .items{ 
    margin-left: 15px;
    padding: 10px 0px;  
 }
.categoryNav .items ul{ margin: 0px; padding: 10px 0px 10px 15px; }
.categoryNav .items ul li{ margin: 0px; padding: 0px 0px 0px 15px; list-style: none; position: relative; }
.categoryNav .items ul li:before{ position: absolute; left: 0px; top: 6px; font-family:"Font Awesome 5 Free"; content:"\f111"; color: #000; font-size: 8px; }

/*-- Common Colour --*/
.red {color: #d90627 !important;}
.green {color: #00c57c !important;}
.darkgray {color: #404856 !important;}
.gray {color: #f3f3f3 !important;}
.redbg {background-color: #d90627 !important;}
.greenbg {background-color: #00c57c !important;}
.darkgraybg {background-color: #404856 !important;}
.graybg {background-color: #f3f3f3 !important;}
/*-- Common Colour --*/
/*-- Services Detail Page Start--*/
.services-detail-page-part {
    background-color: #ffffff;
    padding: 100px 0;
}
.title-1 {
    font-family: 'Avenir LT Std';
    font-size: 40px;
    line-height: 50px;
    color: #000000;
    padding-bottom: 30px;
    font-weight: 700;
}
.title-1 span {
    font-weight: 400;
}
.services-detail-page-part-dark {
    background-color: #404856;
    padding: 100px 0;
}
.subtitle-1 {
    font-family: 'Avenir LT Std';
    font-size: 30px;
    color: #00c57c;
    padding-bottom: 20px;
    font-weight: 700;
}
.subtitle-green-line-top {
    margin-top: 50px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #00c57c;
    width: 160px;
}
.bullet-point li {
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    font-family: 'Avenir LT Std';
    display: flex;
    margin-bottom: 20px;
}
.bullet-point li .fas {
    font-size: 20px;
    padding: 3px 15px 0 0;
    color: #00c57c;
}
#accordion [data-toggle="collapse"] i:before {
    content: "\f068";
}
#accordion [data-toggle="collapse"].collapsed i:before {
    content: "\f067";
}
#accordion .card {
    margin-bottom: 10px;
}
#accordion .card-header {
    margin-bottom: 0px;
    border: none;
}
#accordion .card-header:first-child {
    border-radius: 0;
    border: none;
}
#accordion .accordion-title {
    position: relative;
    display: block;
    padding: 12px 0 12px 40px;
    background: #404856;
    border-radius: 0px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    text-align: left;
    transition: all 0.4s ease-in-out;
    font-family: 'Avenir LT Std';
    line-height: normal;
    border: none;
    box-shadow: none;
    outline: none;
}
#accordion .accordion-title i {
    position: absolute;
    width: 40px;
    height: 100%;
    left: 0;
    top: 0;
    color: #00c57c;
    background: #404856;
    text-align: center;
    border-right: 1px solid transparent;
    font-size: 17px;
}
#accordion .accordion-title:hover {
    padding-left: 60px;
    background: #404856;
    color: #fff;
}
#accordion .accordion-title:hover i {
    border-right: 1px solid #fff;
}
#accordion .accordion-body {
    padding: 0px 40px 20px 40px;
    background: #404856;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Avenir LT Std';
}
#accordion .accordion-body ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
#accordion .accordion-body li {
    padding-left: 1.2rem;
    text-indent: -1.2rem;
}
#accordion .accordion-body li:before {
    content: "\f10a";
    padding-right: 5px;
    font-family: "Flaticon";
    font-size: 16px;
    font-style: normal;
    color: #213744;
}
.btn-center-green {
    position: relative;
    z-index: 1000;
}
.btn-center-green:after {
    border: 0;
    border-top: 1px solid #404856;
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    content:"";
    z-index: -1;
}
/*-- Services Detail Page End --*/
/*-- FAQ Page Start--*/
.faq-page-part {
    background-color: #ffffff;
    padding: 100px 0;
}

.faq-page-accordion .panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0px 0px 10px 0px;
    overflow: hidden;
    position: relative;
}
.faq-page-accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
}
.faq-page-accordion .panel-title a {
    display: block;
    padding: 15px 20px;
    margin: 0;
    background: #ffffff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: normal;
    color: #d90627;
    position: relative;
    font-family: 'Avenir LT Std';
    border: 1px solid #d90627;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
}
.faq-page-accordion .panel-title a.collapsed {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    color: #888888;
    border-radius: 5px;
}
.faq-page-accordion .panel-title a:before,
.faq-page-accordion .panel-title a.collapsed:before {
    content: "\f0de";
    font-family:"Font Awesome 5 Free";
    font-size: 24px;
    font-weight: 900;
    color: #d90627;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 25px;
}
.faq-page-accordion .panel-title a.collapsed:before {
    content: "\f0dd";
    color: #888;
    background: none;
    border: none;
}
.faq-page-accordion .panel-body {
    background: #fff;
    font-size: 18px;
    color: #888888;
    line-height: 28px;
    position: relative;
    font-family: 'Avenir LT Std';
    border: 1px solid #d90627;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 400;    
    border-top: none;
}
.faq-page-accordion .panel-body p {
    font-size: 18px;
    color: #888888;
    line-height: 28px;
    font-weight: 400;
    padding: 0 20px 20px 20px;
}
.faq-page-ourClients {
    background-color: #ffffff;
    padding: 150px 0 100px 0;
}
.faq-page-ourClients .ourClientsMain {
    position: unset;
    left: 0px;
    right: 0px;
    top: 0px;
}
/*-- FAQ Page End --*/
/*-- Team Details Page Start--*/
.team-detail-page-part {
    background-color: #ffffff;
    padding: 100px 0;
}
.team-user-detail-box {
    background-color: #404856;
    border-radius: 10px;
    color: #fff;
    margin: 40px 0;
    padding: 30px 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.team-detail-page-part .title-part .boxshadow {
    box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.15);
}
.title-2 {
    font-size: 30px;
    color: #00c67c;
    font-weight: 700; 
    font-family: 'Avenir LT Std';
    margin-bottom: 15px;
}
.inline-user-details li {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 40px;
    position: relative;
    color: #fff;
    padding-left: 40px;
}
.inline-user-details li a {
    color: #fff;
    text-decoration: underline;
}
.inline-user-details li p {
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0 0 6px;
}
.inline-user-details li .fas {
    font-weight: 900;
    font-size: 20px;
    color: #00c67c;
    position: absolute;
    top: 12px;
    left: 0;
    vertical-align: middle;
}
.inline-user-details li .fab {
    font-weight: 900;
    font-size: 20px;
    line-height: 40px;
    padding-right: 20px;
}
ul.inline-social-media-icons li {
    display: inline-block;
    padding-right: 15px;
    padding-top: 30px;
}
ul.inline-social-media-icons li .fab {
    font-size: 24px;
    color: #00c67c;
}
.contactus-from-part {
    background-image: url(../images/contactus-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}
.contactus-from-part .image-box-overlay {
    background-color: rgba(0, 198, 124, 0.85); 
    padding: 70px;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.contactus-from-part .form-control {
    border-radius: 5px;
    height: 52px;
    background: none;
    border: 1px solid #ffffff;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    padding: 20px;
    box-shadow: none;
    outline: none;
    font-family: 'Avenir LT Std';
}
.contactus-from-part .form-group {
    margin-bottom: 10px;
}
.contactus-from-part .form-control::-webkit-input-placeholder {
    color: #ffffff;
}
.contactus-from-part .form-control::-moz-placeholder {
    color: #ffffff;
}
.contactus-from-part .form-control:-ms-input-placeholder {
    color: #ffffff;
}
.contactus-from-part .form-control:-moz-placeholder {
    color: #ffffff;
}
/*-- Team Details Page End --*/
/*-- 404 Page Start--*/
.notfoundholder {
    height: 100vh !important;
}
.notfoundbottom-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.notfoundcntntholder {
    background: linear-gradient(to right, #edf0f5 30%, white 80%);
    background: -moz-linear-gradient(to right, #edf0f5 30%, white 80%);
    background: -webkit-linear-gradient(to right, #edf0f5 30%, white 80%);
    background: -ms-linear-gradient(to right, #edf0f5 30%, white 80%);
}
.notfoundcntntholderinner {
    padding-top: 28vh;
    width: 100%;
    max-width: 1600px;
    margin: 0px auto;
}
.notfoundcol {
    position: relative;
    z-index: 1;
}
.notfoundtitle3 {
    color: #d90627;
    font-size: 130px;
    font-family: "Titillium Web", sans-serif;
    font-weight: 900;
    line-height: 1;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.notfoundsubtitle2 {
    color: #404856;
    font-size: 40px;
    font-family: "Titillium Web", sans-serif;
    font-weight: 900;
    line-height: 1;
}
.notfoundcolright > img {
    margin-top: -140px;
    max-width: 750px !important;
    width: 100%;
}
/*-- 404 Page End--*/
/*-- Coming Soon Page Start--*/
#notfound2 {
    position: relative;
    height: 100vh;
}
#notfound2 .notfound-bg2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#notfound2 .notfound-bg2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
#notfound2 .notfound2 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.notfound2 {
    max-width: 960px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
}
.notfound2 .notfound-comingsoon {
    position: relative;
    height: 200px;
}
.notfound2 .notfound-comingsoon h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 90px;
    margin: 0px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-family: 'haettenschweilerregular';
}
.notfound2 h2 {
    font-family: 'Avenir LT Std';
    font-size: 30px;
    font-weight: 400;
    line-height: normal;
    color: #ffffff;
    margin-top: 70px;
    margin-bottom: 45px;
}
.notfound2 .countdown {
    margin-bottom: 0px;
    display: inline-flex;
}
.notfound2 .countdown div {
    text-align: center;
    margin: 0 8px;
    width: 224px;
    padding: 0;
    background: none;
    border: 1px solid #ffffff;
    border-radius: 5px;
}
.notfound2 .countdown div h3 {
    font-size: 90px;
    margin: 30px 0;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'haettenschweilerregular';
    letter-spacing: 6px;
}
.notfound2 .countdown div h4 {
    font-size: 24px;
    padding: 20px 0;
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'haettenschweilerregular';
    border-top: 1px solid #ffffff;
    letter-spacing: 1px;
}
@-webkit-keyframes animate-loading-notify {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading-notify {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.notfound-search2 {
    position: relative;
    padding-right: 96px;
    max-width: 412px;
    width: 100%;
    margin: 0px auto 20px;
}
.notfound-search2 input {
    font-family: 'Avenir LT Std';
    width: 100%;
    height: 42px;
    padding: 5px 20px;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    background: none;
    border: 1px solid #fff;
    box-shadow: none;
    outline: none;
    border-radius: 0px;
}
.notfound-search2 ::-webkit-input-placeholder {
    color: #ffffff;
}
.notfound-search2 ::-moz-placeholder {
    color: #ffffff;
}
.notfound-search2 :-ms-input-placeholder {
    color: #ffffff;
}
.notfound-search2 :-moz-placeholder {
    color: #ffffff;
}
.notfound-search2 button {
    font-family: 'Avenir LT Std';
    position: absolute;
    right: 0px;
    top: -1px;
    width: 98px;
    height: 44px;
    text-align: center;
    border: none;
    background: #00c67c;
    cursor: pointer;
    padding: 0;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
}
.notfound2 a {
    font-family: 'Avenir LT Std';
    display: inline-block;
    font-weight: 400;
    text-decoration: none;
    background-color: transparent;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
}
.notfound-social2 {
    margin-bottom: 15px;
}
.notfound-social2 > a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 20px;
    color: #00c67c;
    background-color: #ffffff;
    margin: 3px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    border-radius: 100px;
}
.notfound-social2 > a:hover {
    color: #d40323;
    background-color: #ffffff;
}
/*-- Coming Soon Page End --*/
/*-- Pricing Page Start --*/
.single-price {
    text-align: center;
    padding: 0px;
    box-shadow: none;
    background-color: #f7f7f7;
    border-radius: 5px;
    margin-top: 20px;
}
.price-title h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    letter-spacing: 1px;
    padding-top: 30px;
    font-family: 'Avenir LT Std';
}
.price-tag {
    margin: 30px 0;
}
.price-tag {
    margin: 20px 0 30px 0;
    background-color: #f7f7f7;
    color: #000;
    padding: 0;
    font-family: 'Avenir LT Std';
}
.center.price-tag {
    background-color: #f7f7f7;
    color: #fff;
    font-family: 'Avenir LT Std';
}
.price-tag h2 {
    font-size: 60px;
    font-weight: 400;
    font-family: 'Avenir LT Std';
    color: #000000;
}
.price-tag h2 span {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    font-style: normal;
    font-family: 'Avenir LT Std';
    color: #888888;
}
.price-item ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.price-item ul li {
    font-size: 17px;
    padding: 20px;
    border-bottom: none;
    margin: 0;
    background-color: #ffffff;
    color: #888888;
    font-family: 'Avenir LT Std';
}
.price-item ul li i {
    color: #000000;
    font-weight: 500;
}
.price-item ul li:nth-child(even) {
    background-color: #f7f7f7;
}
.price-item ul li:nth-child(odd) {
    background-color: #ffffff;
}
.price-item ul li:last-child {
    border-bottom: 0;
}
.single-price a {
    margin-top: 25px;
}
.single-price a.box-btn {
    background-color: #404856;
    padding: 20px 20px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 17px;
    transition: 0.3s;
    font-weight: 500;
    font-family: 'Avenir LT Std';
    letter-spacing: 1px;
}
.single-price a.box-btn:hover,
.single-price a.border-btn:hover {
    background-color: #404856;
}
.compare-our-plans .table {
    background-color: #fff;
    font-family: 'Avenir LT Std';
    margin-top: 30px;
    border: none;
    box-shadow: none;
    outline: none;
}
.compare-our-plans .table td {
    padding: .75rem;
    vertical-align: top;
    border: 2px solid #f3f3f3;
}
.compare-our-plans .table th {
    padding: 15px 30px;
    vertical-align: top;
    border: none;
    font-size: 17px;
    font-weight: 500;
    color: #000000;
}
.compare-our-plans .table thead th {
    vertical-align: bottom;
    border: 2px solid #f3f3f3;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding: 30px;
    letter-spacing: 1px;
}
.compare-our-plans .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f3f3f3;
    border: none;
}
.compare-our-plans .table-striped tbody tr:nth-of-type(even) {
    background-color: #ffffff;
    border: none;
}
.two-part-box {
    background-color: #404856;
    padding: 66px 0;
}
.two-part-box .title-part h3 {
    font-family: 'Avenir LT Std';
    font-size: 40px;
    line-height: 50px;
    color: #ffffff;
    font-weight: 700;
}
.two-part-box .title-part h3 span {
    font-weight: 400;
}
/*-- Pricing Page End --*/
/*-- Portfolio Listing Page Start --*/
.portfolio-listin-tabs .button {
    display: inline-block;
    background: #ffffff;
    border: none;
    cursor: pointer;
    border-radius: 50px;
    font-size: 24px;
    font-weight: 600;
    padding: 12px 40px;
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
}
.portfolio-listin-tabs .button:active,
.portfolio-listin-tabs .button.is-checked {
    color: #fff;
    background-color: #d90627;
    border-radius: 50px;
    font-family: 'Titillium Web', sans-serif;
}
.portfolio-listin-tabs .button-group:after {
    content: "";
    display: block;
    clear: both;
}
.portfolio-listin-tabs .button-group  {
    text-align: center;
    margin-bottom: 40px;
}
.portfolio-listin-tabs .grid {
    border: none;
}
.portfolio-listin-tabs figure {
    margin: 0 0 1rem;
    position: relative;
}
.portfolio-listin-tabs figcaption {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    height: auto;
    color: #fff;
    background-color: rgba(64, 72, 84, 0.9);
    z-index: 5;
    transition: all 200ms linear;
    padding: 20px;
    cursor: pointer;
}
.portfolio-listin-tabs figcaption h6 {
    margin-right: 12px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    text-align: left;
    font-weight: 800;
    color: #00c67c;
    margin-bottom: 18px;
    font-family: 'Avenir LT Std';    
}
.portfolio-listin-tabs figcaption a {
    color: #fff;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: left;
    position: relative;
    font-weight: 600;
    font-family: 'Avenir LT Std';
}
.portfolio-listin-tabs figcaption hr.right-side-line {
    width: 30px;
    height: 1px;
    background-color: #00c67c;
    position: absolute;
    right: 20px;
    top: 50px;
    margin: 0px;
    border: none;
}
.fancybox-caption__body h6 {
    margin-right: 12px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 800;
    color: #00c67c;
    margin-bottom: 18px;
    font-family: 'Avenir LT Std';    
}
.fancybox-caption__body a {
    color: #fff;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center;
    position: relative;
    font-weight: 600;
    font-family: 'Avenir LT Std';
    text-decoration: none;
    outline: none;
    border: none;
    box-shadow: none;
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #00c57c;
    font-size: 18px;
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #00c57c;
    font-size: 18px;
    cursor: default;
    outline: none;
}
.portfolio-listin-tabs .object-fit-cover {
    object-fit: cover !important;
}
.portfolio-listin-tabs .elementitemcaption > a {
    pointer-events: none;
}
/*-- Portfolio Listing Page End--*/
/*-- Portfolio Details Page Start --*/
.project-details-page-user-text {
    padding: 40px 30px 0 30px;
}
.myProgressBar .progress.two {
    background-color: #dfdfdf;
}
.two-half-part {
    color: #fff;
    background: #00c67c !important;
    position: relative;
    z-index: 2;
    padding: 25px 0;
}
.two-half-part:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    background: #404856;
    z-index: -1;
}
.two-half-part .left-project-part {
    padding-right: 45px;
    display: block;
}
.two-half-part .left-project-part .fas {
    color: #ffffff;
    font-size: 30px;
    text-align: left;
    margin: 12px 0 0 0;
}
.two-half-part .left-project-part h6 {
    color: #ffffff;
    font-size: 18px;
    text-align: right;
    font-weight: 700;
    margin : 0 0 8px 0;
}
.two-half-part .left-project-part p {
    color: #ffffff;
    font-size: 16px;
    text-align: right;
    font-weight: 400;
    margin : 0;
}
.two-half-part .right-project-part {
    padding-left: 45px;
    display: block;
}
.two-half-part .right-project-part .fas {
    color: #ffffff;
    font-size: 30px;
    text-align: right;
    margin: 12px 0 0 0;
}
.two-half-part .right-project-part h6 {
    color: #ffffff;
    font-size: 18px;
    text-align: left;
    font-weight: 700;
    margin : 0 0 8px 0;
}
.two-half-part .right-project-part p {
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    margin : 0;
}
/*-- Portfolio Details Page End--*/
/*-- Home Page 2 Start--*/
/*-- Home Page 2 Common Title--*/
.title-style-1,
.title-style-1-title {
    position: relative;
}
.title-style-1::before,
.title-style-1::after {
    position: relative;
    content: "";
    width: 40px;
    top: 0;
    background-color: #d40323;
    border-radius: 100px;
    height: 40px;
    border: 10px solid #faabb7;
    display: block;
}
.title-style-1::before,
.title-style-1-title::before {
    left: 0;
}
.title-style-1::after,
.title-style-1-title::after {
    right: 0;
}
.title-style-1-title {
    padding: 0px calc(180px + 30px);
    font-size: 39px;
    font-weight: 100;
    color: #000000;    
    font-family: 'Titillium Web', sans-serif !important;
    margin: 0;
}
.title-style-1-title strong {
    font-weight: bold;
}
.title-style-1-title::before,
.title-style-1-title::after {
    position: absolute;
    content: "";
    width: 180px;
    top: 22px;
    background-color: #faabb7;
    height: 1px;
}
.title-style-1-right-pattrn::before,.title-style-1-title-right-pattrn::before {
    display: none;
}
.title-style-1-title-right-pattrn {
    padding-right: calc(60px + 30px);
}
.title-style-1-title-right-pattrn::after {
    width: 60px;
}
.title-style-1-title-right-pattrn {
    padding-left: 0;
}
/*-- Home Page 2 Common Title--*/
/*-- Home Page 2 Common button--*/
.homepage2-common-btn .fas {
    font-size: 18px;
    color: #404856;
}
.homepage2-common-btn.btn-round, .homepage2-common-btn.btn-round:hover .fas {
    color: #ffffff;
}
.homepage2-common-btn.btn-round, .homepage2-common-btn.btn-round:hover {
    color: #ffffff;
}
.homepage2-common-btn.btn {
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 20px;
    color: #404856;
    font-weight: bold;
    padding: 16px 35px;
    line-height: 1;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.homepage2-common-btn.btn-primary-round:before {
    background-color: #d40323;
}
.homepage2-common-btn.btn-round:before {
    content: '';
    width: 60px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: -1;
    opacity: 0.8;
}
.homepage2-common-btn.btn-round:hover:before {
    width: 100%;
}
/*-- Home Page 2 Common button--*/
.headerMain.home2header {
    background-color: #ffffff !important;
    margin-top: 20px;
    transition: 0.2s all;
}
.headerMain.home2header .menuMain .nav-link {
    margin: 18px;
    padding: 0px 0px 8px 0px !important;
    color: #000000;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
}
.headerMain.home2header .navbar-brand {
    padding: 0px;
    margin-top: -20px;
}
.headerMain.home2header.affix {
    background-color: #000000;
    margin-top: 0;
}
.headerMain.home2header .menuMain .nav-link:hover:before, .headerMain.home2header .menuMain .nav-link.active:before {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 25px;
    height: 5px;
    border-radius: 6px;
    content: "";
    background-color: #000000;
}
.mainSliderMain.home2 #MainSlider:before {
    display: none;
}
.mainSliderMain.home2 #MainSlider .owl-nav {
    position: absolute;
    left: unset;
    right: 0px;
    bottom: 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    background-color: #d40323;
    width: 160px;
    height: 140px;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.mainSliderMain.home2 #MainSlider .owl-dots {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(0deg);
    position: absolute;
    right: 44.7%;
    z-index: 55;
    bottom: 10px;
    top: unset;
}
.mainSliderMain.home2 #MainSlider .owl-dots .owl-dot {
    width: 16px;
    height: 4px;
    background-color: #404856;
    border-radius: 0;
    box-shadow: none;
    margin: 0 5px 0 0;
}
.mainSliderMain.home2 #MainSlider .owl-dots .owl-dot.active {
    background-color: #d40323;
    box-shadow: none;
}
.mainSliderMain.home2 #MainSlider .owl-nav .owl-prev {
    position: relative;
    width: auto;
    height: auto;
    background: none;
    cursor: pointer;
    font-size: 50px;
    margin: 70px 0 0 100px;
}
.mainSliderMain.home2 #MainSlider .owl-nav .owl-prev:after {
    display: none;
}
.mainSliderMain.home2 #MainSlider .owl-nav .owl-next {
    position: relative;
    width: auto;
    height: auto;
    background: none;
    cursor: pointer;
    font-size: 50px;
    margin: 70px 0 0 10px;
}
.mainSliderMain.home2 #MainSlider .owl-nav .owl-next:before {
    display: none;
}
.mainSliderMain.home2 .mainSlideData {
    z-index: 1000;
}
.mainSliderMain.home2 .mainSlideData h1 {
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 72px;
    line-height: 70px;
    padding: 0px 0px 50px 0px;
    color: #000;
    font-weight: 100;
}
.mainSliderMain.home2 .mainSlideData h1 span {
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 72px;
    font-weight: bold;
    line-height: 70px;
    color: #d40323;
    display: inline-block;
    padding: 0;
    margin: 0;
}
.mainSliderMain.home2 .mainSlideData h1 small {
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 22px;
    line-height: normal;
    text-transform: capitalize;
    font-weight: bold;
    display: block;
    color: #000;
    letter-spacing: 1px;
    padding: 0px 0px 40px 8px;
}
.mainSliderMain.home2 .mainSlideData a.promo-video {
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 20px;
    color: #404856;
    font-weight: bold;
    margin: 0;
}
.mainSliderMain.home2 .mainSlideData a.promo-video .fas {
    font-size: 40px;
    color: #404856;    
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.what-we-do {
    width: 100%;
    background-image: url(../images/what-we-do-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0; 
}
.what-we-do .whatwedo-2box {
    padding: 40px 60px;
    background-color: #ffffff;
}
.what-we-do .whatwedo-2box .box-icon .fas {
    padding: 20px;
    background-color: #404856;
    color: #ffffff;
    border-radius: 10px;
    font-size: 50px;
    margin: 0;
    width: 100px;
    height: 100px;
}
.what-we-do .whatwedo-2box h2 {
    color: #000000;
    font-size: 25px;
    font-weight: 500;
    margin: 30px 0 20px 0;
    padding: 0;
}
.what-we-do .whatwedo-2box span {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-family: 'Titillium Web', sans-serif !important;
}
.what-we-do .whatwedo-2box p {
    color: #555555;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin: 20px 0 40px 0;
    padding: 0;
    font-family: 'Titillium Web', sans-serif !important;
}
.what-we-do .whatwedo-2box .icon-btn {
    width: 62px;
    height: 48px;
    text-align: center;
    background: #d40323;
    border-radius: 50px;
    color: #ffffff;
    padding: 14px 20px;
}
.what-we-do .whatwedo-2box .icon-btn .fas {
    color: #ffffff;
    font-size: 18px;
}
.forstep-box {
    width: 100%;
    padding: 100px 0; 
    background-color: #ffffff;
}
.forstep-box .forcuntentbox {
    padding: 50px 30px 70px 30px; 
    background-color: #f7f7f7;
    border-bottom: 3px solid #2886ea;
}
.forstep-box .forcuntentbox .box-icon {
    padding: 20px 10px;
    background-color: #404856;
    color: #ffffff;
    border-radius: 10px;
    font-size: 50px;
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0 auto;
}
.forstep-box .forcuntentbox .box-icon img {
    text-align: center;
    vertical-align: unset;
}
.forstep-box .forcuntentbox h2 {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin: 40px 0 0 0;
    padding: 0;
    font-family: 'Titillium Web', sans-serif !important;
}
.aboutus-part {
    padding: 100px 0;
    background-image: url(../images/aboutus-part-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.aboutus-part .section-title p {
    line-height: 28px;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    margin: 30px 0 40px 0;
    padding: 0;
    font-family: 'Titillium Web', sans-serif !important;
}
.aboutus-part .feature-info {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.aboutus-part .feature-info-style-01 {
    background: #ffffff;
    padding: 30px 40px;
    overflow: hidden;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 4%);
}
.aboutus-part .feature-info-style-01 .feature-info-icon {
    margin-bottom: 25px;
}
.aboutus-part .feature-info .feature-info-icon {
    margin-bottom: 30px;
}
.aboutus-part .feature-info-style-01 .feature-info-content {
    margin-top: 0px;
}
.aboutus-part .feature-info-style-01 .feature-info-content .feature-info-title {
    font-size: 20px;
    font-weight: bold;
    color: #404856;
    font-family: 'Titillium Web', sans-serif !important;
}
.aboutus-part .feature-info-style-01 .feature-info-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #555555;
    margin: 18px 0 20px 0;
    padding: 0;
}
.aboutus-part .feature-info-style-01 .feature-info-content .icon-btn {
    opacity: 1;
    width: 32px;
    height: 26px;
    text-align: center;
    background: #ef3139;
    border-radius: 50px;
    color: #ffffff;
    padding: 2px 12px;
    display: block;
}
.aboutus-part .feature-info-style-01 .feature-info-content .icon-btn .fas {
    font-size: 10px;
}
.clients-who-we-ve-worked-with-slider {
    border: none;
    box-shadow: none;
    padding: 100px 0;
    width: 100%;
    background-color: #ffffff;
    position: relative;
}
.clients-who-we-ve-worked-with-slider #carouselExampleControls {
    height: 310px;
}
.clients-who-we-ve-worked-with-slider .vert .carousel-item-next.carousel-item-left,
.clients-who-we-ve-worked-with-slider .vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.clients-who-we-ve-worked-with-slider .vert .carousel-item-next,
.clients-who-we-ve-worked-with-slider .vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0);
}
.clients-who-we-ve-worked-with-slider .vert .carousel-item-prev,
.clients-who-we-ve-worked-with-slider .vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.clients-who-we-ve-worked-with-slider .carousel-item {
    height: 310px;
    margin: 50px 0 0 0;
}
.clients-who-we-ve-worked-with-slider .carousel-caption {
    padding: 0;
    right: 0;
    left: 0;
    top: 0;
    text-align: left;
    bottom: unset;
}
.clients-who-we-ve-worked-with-slider .carousel-caption h3 {
    color: #000;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 38px 0;
    padding: 0;
    text-align: left;
    font-family: 'Titillium Web', sans-serif !important;
}
.clients-who-we-ve-worked-with-slider .carousel-caption p {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin: 0;
    padding: 0 0 34px 0;
    text-align: left;
    font-family: 'Titillium Web', sans-serif !important;
}
.clients-who-we-ve-worked-with-slider.navi a {
    text-decoration: none;
}
.navi {
    position: absolute;
    left: 0;
    bottom: 90px;
    z-index: 10;
    transform: rotate(90deg);
}
.navi a {
    background-color: #ddd;
    width: 65px;
    height: 65px;
    border-radius: 10px;
    color: #000;
    padding: 20px;
    margin: 2px;
}
.navi a .carousel-control-prev-icon {
    background: none;
}
.navi a .carousel-control-next-icon {
    background: none;
}
.navi a .carousel-control-prev-icon .fas {
    font-size: 48px;
    vertical-align: middle;
    justify-content: center;
    color: #000;
}
.navi a .carousel-control-next-icon .fas {
    font-size: 48px;
    vertical-align: middle;
    justify-content: center;
}
.key-stats-part {
    padding: 100px 0;
    background-image: url(../images/key-stats-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.key-stats-part .counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px;
}
.key-stats-part .counter .counter-icon img {
    margin-right: 25px;
    line-height: 70px;
}
.key-stats-part .counter .counter-content {
    -ms-flex-item-align: center;
    align-self: center;
}
.key-stats-part .counter .counter-content .timer {
    position: relative;
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    display: block;
    font-family: 'Titillium Web', sans-serif !important;
}
.key-stats-part .counter .counter-content label {
    display: block;
    color: #ffffff;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Titillium Web', sans-serif !important;
}
.ourcases {
    width: 100%;
    padding: 100px 0;
    background-color: #ffffff;
}
.ourcases p {
    display: block;
    color: #000;
    margin: 20px 0 40px 0;
    font-size: 18px;
    font-weight: 600;
    padding: 0;
    font-family: 'Titillium Web', sans-serif !important;
}
.ourcases .container-fluid.two {
    width: 1622px;
}
.from-the-blog-recent-posts {
    width: 100%;
    padding: 100px 0;
    background-color: #f6f6f6;
}
.from-the-blog-recent-posts .post {
    position: relative;
    background: #ffffff;
    display: inline-block;
    margin-bottom: 25px;
}
.from-the-blog-recent-posts .post .post-image {
    overflow: hidden;
    position: relative;
    margin: 15px 15px 0;
}
.from-the-blog-recent-posts .post-date {
    position: absolute;
    right: 15px;
    bottom: 0;
    background: #d40323;
    padding: 3px 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Titillium Web', sans-serif !important;
}
.from-the-blog-recent-posts .post .post-desc {
    padding: 30px 30px 50px;
    position: relative;
}
.from-the-blog-recent-posts .post-meta ul li {
    font-weight: 600;
    display: inline-block;
    list-style-type: none;
    position: relative;
    font-size: 16px;
    color: #000;
    font-family: 'Titillium Web', sans-serif !important;
}
.from-the-blog-recent-posts .post-meta ul li + li:before {
    display: inline-block;
    padding-right: .5rem;
    color: #d40323;
    content: "/";
}
.from-the-blog-recent-posts .post-meta ul li + li {
    padding-left: .5rem;
}
.from-the-blog-recent-posts .post-meta ul li a {
    color: #2886ea;
    font-family: 'Titillium Web', sans-serif !important;
}
.from-the-blog-recent-posts .post-title {
    margin-top: 10px;
}
.from-the-blog-recent-posts .post .post-desc h4 {
    margin: 0;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif !important;
}
.from-the-blog-recent-posts .post .post-desc h4 a {
    color: #000;
    display: inline-block;
    font-size: 24px;
    font-family: 'Titillium Web', sans-serif !important;
}
.from-the-blog-recent-posts .post .post-desc .icon-link {
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -25px;
}
.from-the-blog-recent-posts .icon-link {
    display: inline-block;
    line-height: 50px;
    width: 62px;
    height: 48px;
    text-align: center;
    background: #d40323;
    border-radius: 50px;
    color: #ffffff;
    padding: 14px 20px;
}
.from-the-blog-recent-posts .icon-link .fas {
    color: #ffffff;
    font-size: 18px;
    display: block;
}
.our-happy-clients {
    width: 100%;
    padding: 100px 0;
    position: relative;
}
.our-happy-clients::after {
    top: 0;
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    background-image: url(../images/our-happy-clients-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 60%;
    bottom: 0;
    z-index: -1;
}
.our-happy-clients .our-happy-clients-subtitle p {
    margin: 35px 0 0 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #ffffff;
}
.our-happy-clients #myCarousel {
    position: relative;
    padding: 60px 30px 100px 30px;
}
.our-happy-clients #myCarousel .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1000;
}
.our-happy-clients #myCarousel:after {
    top: 0;
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    background: #ffffff;
    width: 100%;
    z-index: 0;
}
.our-happy-clients .carousel {
    width: 100%;
    padding-bottom: 0px;
}
.our-happy-clients .carousel .carousel-item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    min-height: 340px;
}
.our-happy-clients .carousel .carousel-item a {
    color: #000;
}
.our-happy-clients .carousel .img-box {
    width: 120px;
    height: 120px;
    margin: 0 0 35px 0;
    border-radius: 0;
}
.our-happy-clients .carousel .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0;
}
.our-happy-clients .carousel .testimonial {
    padding: 0;
    margin: 0;
    color: #000000;
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
    text-align: left;
}
.our-happy-clients .carousel .overview {
    padding: 0;
    margin: 35px 0 60px 0;
    color: #d40323;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
}
.our-happy-clients .carousel .star-rating i {
    font-size: 18px;
    color: #ffdc12;
}
.our-happy-clients .carousel-control-prev,
.our-happy-clients .carousel-control-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #404856;
    text-shadow: none;
    top: auto;
    opacity: 1;
    bottom: 70px;
}
.our-happy-clients .carousel-control-prev i,
.our-happy-clients .carousel-control-next i {
    font-size: 24px;
    margin-right: 2px;
}
.our-happy-clients .carousel-control-prev {
    left: 30px;
    right: auto;
}
.our-happy-clients .carousel-control-next {
    right: auto;
    left: 90px;
}
.our-happy-clients .carousel-control-next i {
    margin-right: -2px;
}
.contactus-map-details-part {
    width: 100%;
    position: relative;
}
.contactus-map-details-part::after {
    top: 0;
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    background: #f6f6f6;
    width: 50%;
    bottom: 0;
    z-index: -1;
}
.contactus-map-details-part .text-contactus-map-details-part {
    padding-bottom: 100px;
    padding-left: 30px;
    padding-top: 100px;
    padding-right: calc(100% - 570px);
}
.contactus-map-details-part fieldset {
    min-width: 0;
    padding: 0;
    margin: 40px 0 0 0;
    border: 0;
}
.contactus-map-details-part fieldset .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #2886ea;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 16px;
}
.contactus-map-details-part fieldset .form-group {
    margin-bottom: 20px;
}
.contactus-map-details-part fieldset .form-control {
    height: auto;
}
.contactus-map-details-part fieldset .form-control::-webkit-input-placeholder {
    color: #000;
}
.contactus-map-details-part fieldset .form-control::-moz-placeholder {
    color: #000;
}
.contactus-map-details-part fieldset .form-control:-ms-input-placeholder {
    color: #000;
}
.contactus-map-details-part fieldset .form-control:-moz-placeholder {
    color: #000;
}
.contactus-map-details-part fieldset .form-group .checkbox label {
    display: inline-block;
    margin-bottom: 0;
    color: #000;
}
.contactus-map-details-part fieldset .form-group .checkbox label a {
    color: #2886ea;
    text-decoration: underline;
}
.contactus-map-details-part fieldset .radio input:checked ~ .checkround {
    background-color: #fff;
}
.contactus-map-details-part fieldset .checkround {
    position: absolute;
    top: 4px;
    left: 0;
    height: 18px;
    width: 18px;
    background: none;
    border-color: #404856;
    border-style: solid;
    border-width: 10px;
    border-radius: 50%;
}
.contactus-map-details-part fieldset .radio input:checked ~ .checkround {
    background-color: #fff;
}
.contactus-map-details-part fieldset .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.contactus-map-details-part fieldset .radio {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.contactus-map-details-part fieldset .radio input:checked ~ .checkround:after {
    display: block;
}
.contactus-map-details-part fieldset .radio .checkround:after {
    left: -4px;
    top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
}
.contactus-map-details-part fieldset .checkround:after {
    content: "";
    position: absolute;
    display: none;
}
/*-- Home Page 2 End--*/
/*-- Back To Top Start--*/
#back2Top {
    width: 60px;
    line-height: 30px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 40px;
    right: 50px;
    background-color: #404856;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    text-decoration: none;
    height: 60px;
    border-radius: 100%;
    padding: 16px;
}
#back2Top:hover {
    background-color: #00c67c;
    color: #ffffff;
}
/*-- Back To Top End--*/
/*-- Home Page 3 Start--*/
/*-- Home Page 3 Background color Style Start--*/
.bg-color-1 {
    background: #f5f7fa;
}
.bg-color-2 {
    background: #404856;
}
/*-- Home Page 3 Background color Style End--*/
/*-- Home Page 3 Button Style Start--*/
.theme-btn-one {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    font-family: 'Brandon Grotesque';
    font-weight: 700;
    color: #fff !important;
    text-align: center;
    padding: 17px 37px;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    box-shadow: 0 20px 30px #d3dce800;
    transition: all .5s ease;
}
.theme-btn-one {
    background: #d40323;
}
.theme-btn-one:hover {
    background: #404856;
}
.theme-btn-one:before {
    position: absolute;
    content: '';
    background: #404856;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    border-radius: 5px;
    z-index: -1;
    transition: all .5s ease;
}
.theme-btn-one:hover:before {
    width: 100%;
    opacity: 1;
}
.theme-btn-two {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    font-family: 'Brandon Grotesque';
    font-weight: 700;
    color: #fff !important;
    text-align: center;
    padding: 17px 37px;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    box-shadow: 0 20px 30px #d3dce800;
    transition: all .5s ease;
}
.theme-btn-two {
    background: #00c67c;
}
.theme-btn-two:hover {
    background: #404856;
}
.theme-btn-two:before {
    position: absolute;
    content: '';
    background: #404856;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    border-radius: 5px;
    z-index: -1;
    transition: all .5s ease;
}
.theme-btn-two:hover:before {
    width: 100%;
    opacity: 1;
}
.theme-btn-three {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color: #000000;
    text-align: center;
    padding: 11px 26px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: 'Brandon Grotesque';
    z-index: 1;
}
.theme-btn-three:hover {
    color: #fff;
    box-shadow: 0 20px 30px #d3dce800;
}
.theme-btn-three:hover {
    border-color: #00c67c;
}
.theme-btn-three:before {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1;
    transition: all .5s ease;
}
.theme-btn-three:before {
    background: #00c67c;
}
.theme-btn-three:hover:before {
    width: 100%;
}
.theme-btn-three:after {
    position: absolute;
    content: '';
    height: 32px;
    width: 26px;
    top: 9px;
    right: 20px;
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,60% 0%);
    opacity: .2;
    z-index: -1;
}
.theme-btn-three:after {
    background: #00c67c;
}
/*-- Home Page 3 Button Style End--*/
/*-- Home Page 3 Title Style Start--*/
.sec-title {
    margin-bottom: 25px;
}
.sec-title h5 {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 25px 0;
    color: #00c67c;
    font-family: 'Times New Roman';
}
.sec-title h5 span {
    font-size: 20px;
    margin-right: 8px;
}
.sec-title h2 {
    position: relative;
    display: block;
    font-size: 45px;
    line-height: 50px;
    font-weight: 900;
    margin: 0;
    color: #000;
    font-family: 'Avenir LT Std';
}
/*-- Home Page 3 Title Style End--*/
.headerMain.home3header {
    background-color: #ffffff !important;
    margin-top: 0;
    transition: 0.2s all;
}
.headerMain.home3header .menuMain .nav-link {
    margin: 18px;
    padding: 0px 0px 8px 0px !important;
    color: #000000;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
}
.headerMain.home3header .navbar-brand {
    padding: 0px;
    margin-top: 0;
}
.headerMain.home3header.affix {
    background-color: #000000;
    margin-top: 0;
}
.headerMain.home3header .menuMain .nav-link:hover:before, .headerMain.home3header .menuMain .nav-link.active:before {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 25px;
    height: 5px;
    border-radius: 6px;
    content: "";
    background-color: #000000;
}
.home3Mainslider {
    position: relative;
    margin-top: 90px;
}
.home3Mainslider .pattern-layer .pattern-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 788px;
    height: 100%;
    background-repeat: no-repeat;
}
.home3Mainslider .pattern-layer .pattern-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 271px;
    height: 401px;
    background-repeat: no-repeat;
}
.home3Mainslider .next-prev-arrow {
    position: absolute;
    top: 50%;
    width: 100%;
    right: 0;
    transform: translateY(-50%);
    left: auto;
    z-index: 1;
}
.home3Mainslider .next-prev-arrow .carousel-control-prev {
    position: absolute !important;
    right: 150px;
    left: auto;
    top: 35px;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 64px;
    color: #00224f;
    font-size: 24px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    font-weight: 700;
    box-shadow: 0 0px 20px rgb(0 0 0 / 10%);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    cursor: pointer;
    opacity: 1;
}
.home3Mainslider .next-prev-arrow .carousel-control-next {
    position: absolute !important;
    right: 150px;
    top: -35px;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 64px;
    color: #00224f;
    font-size: 24px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    font-weight: 700;
    box-shadow: 0 0px 20px rgb(0 0 0 / 10%);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    cursor: pointer;
    opacity: 1;
}
.home3Mainslider .next-prev-arrow .carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%;
    background: none;
    color: #00c67c;
    font-size: 24px;
}
.home3Mainslider .active .content-inner {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.home3Mainslider .content-inner {
    position: relative;
    display: block;
    background: #fff;
    max-width: 545px;
    border-radius: 10px;
    padding: 60px 40px 130px 40px;
    z-index: 5;
    overflow: hidden;
    opacity: 0;
    box-shadow: 0 20px 50px rgb(0 0 0 / 10%);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.home3Mainslider .content-inner .pattern {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 151px;
    height: 247px;
    background-repeat: no-repeat;
}
.home3Mainslider h5 {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 700;
    z-index: 1;
    color: #00c67c;
    text-align: left;
    font-family: 'Times New Roman';
    margin: 0 0 45px 0;
    padding: 0;
}
.home3Mainslider h5 span {
    margin-right: 10px;
    font-size: 20px;
}
.home3Mainslider h1 {
    display: block;
    font-size: 51px;
    line-height: 55px;
    font-weight: 100;
    z-index: 1;
    text-align: left;
    color: #000000;
    font-family: 'Avenir LT Std';
    margin: 0 0 60px 0;
    padding: 0;
}
.home3Mainslider h1 span {
    font-weight: 900;
    font-size: 51px;
    line-height: 55px;
    z-index: 1;
    font-family: 'Avenir LT Std';
    margin: 0;
    padding: 0;
    display: inline-block;
}
.home3Mainslider .carousel-caption {
    top: 85px;
}
.home3Mainslider .carousel-item {
    position: relative;
}
.home3Mainslider .carousel-item img {
    z-index: 2;
}
.home3Mainslider .carousel-control-next, .home3Mainslider .carousel-control-prev{
    z-index: 4; 
}
.aboutus-home3 {
    padding: 160px 0;
    width: 100%;
    position: relative;
}
.aboutus-home3 .pattern-layer .pattern-1 {
    position: absolute;
    top: 70px;
    right: 300px;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}
.aboutus-home3 .pattern-layer .pattern-2 {
    position: absolute;
    top: 80px;
    right: 80px;
    background: #f7f8f9;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}
.aboutus-home3 #image_block_1 .image-box {
    position: relative;
    display: block;
    padding: 0;
    margin-right: 41px;
}
.aboutus-home3 #image_block_1 .image-box .pattern-box .pattern-1 {
    position: absolute;
    left: 0;
    top: 46px;
    width: 35px;
    height: 110px;
    background-repeat: no-repeat;
}
.aboutus-home3 #image_block_1 .image-box .pattern-box .pattern-2 {
    position: absolute;
    right: 0px;
    bottom: 40px;
    width: 20px;
    height: 100px;
    background-repeat: no-repeat;
}
.aboutus-home3 #image_block_1 .image-box .image-1 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    max-width: 372px;
    margin: 36px 0 0 48px;
}
.aboutus-home3 #image_block_1 .image-box .image-1:before {
    position: absolute;
    top: 0;
    left: -75%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.aboutus-home3 #image_block_1 .image-box:hover .image-1:before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}
.aboutus-home3 #image_block_1 .image-box img {
    width: 100%;
    border-radius: 10px;
}
.aboutus-home3 #image_block_1 .image-box .image-2 {
    position: absolute;
    right: 29px;
    bottom: -250px;
    border-radius: 10px;
    box-shadow: 0 15px 50px #d3dce8;
    width: 100%;
    max-width: 299px;
}
.aboutus-home3 #image_block_1 .image-box .clients-box {
    position: absolute;
    left: 98px;
    bottom: -56px;
    background: #fff;
    max-width: 251px;
    width: 100%;
    border-radius: 10px;
    padding: 0;
    box-shadow: 0 15px 50px #d3dce8;
}
.aboutus-home3 #image_block_1 .image-box .clients-box .clients-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.aboutus-home3 #image_block_1 .image-box .clients-box .clients-thumb img {
    width: 100%;
    border-radius: 5px;
}
.aboutus-home3 #content_block_1 .content-box .upper-box {
    position: relative;
    display: block;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
}
.aboutus-home3 #content_block_1 .content-box .upper-box .text {
    position: relative;
    margin-bottom: 48px;
}
.aboutus-home3 #content_block_1 .content-box .upper-box .text p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #888888;
    margin: 0px;
    font-family: 'Museo Sans 500';
}
.aboutus-home3 #content_block_1 .counter-block-one {
    position: relative;
    padding-left: 45px;
    margin-bottom: 20px;
}
.aboutus-home3 #content_block_1 .counter-block-one .icon-box {
    position: absolute;
    left: 0;
    top: 9px;
    width: 26px;
    height: 32px;
}
.aboutus-home3 #content_block_1 .counter-block-one .icon-box:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,60% 0%);
    background: #e0fff3;
}
.aboutus-home3 #content_block_1 .counter-block-one .icon-box .dotted-1 {
    left: 0;
    top: 6px;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00c67c;
}
.aboutus-home3 #content_block_1 .counter-block-one .icon-box .dotted-2 {
    top: 6px;
    right: 6px;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00c67c;
}
.aboutus-home3 #content_block_1 .counter-block-one .icon-box .dotted-3 {
    right: 6px;
    bottom: 6px;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00c67c;
}
.aboutus-home3 #content_block_1 .counter-block-one .count-outer {
    position: relative;
    display: block;
    font-size: 40px;
    color: #000000;
    font-weight: 900;
    margin: 0 0 5px 0;
    font-family: 'Avenir LT Std';
}
.aboutus-home3 #content_block_1 .counter-block-one p {
    font-size: 18px;
    color: #888888;
    font-weight: 500;
    margin: 0;
    padding: 0;
    font-family: 'Museo Sans 500';
}
.whatwedo-home3 {
    position: relative;
    padding: 150px 0;
}
.whatwedo-home3 .pattern-layer .pattern-1 {
    position: absolute;
    left: 290px;
    bottom: 65px;
    width: 80px;
    height: 80px;
    z-index: 1;
    background-repeat: no-repeat;
}
.whatwedo-home3 .pattern-layer .pattern-2 {
    position: absolute;
    left: 70px;
    bottom: 70px;
    background: #f0f3f7;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}
.whatwedo-home3 .pattern-layer .pattern-3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 710px;
    height: 570px;
    background-repeat: no-repeat;
}
.whatwedo-home3 .service-block-one .inner-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 60px;
    box-shadow: 0 15px 40px #d3dce8;
}
.whatwedo-home3 .service-block-one .inner-box .pattern {
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 99px;
    height: 170px;
    opacity: 0;
    background-repeat: no-repeat;
    transition: all .5s ease;
}
.whatwedo-home3 .service-block-one .inner-box:hover .pattern {
    right: 0;
    opacity: 1;
}
.whatwedo-home3 .service-block-one .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
}
.whatwedo-home3 .service-block-one .inner-box .image-box {
    background: #00c67c;
}
.whatwedo-home3 .service-block-one .inner-box:hover .image-box img {
    opacity: .5;
    transform: scale(1.1);
}
.whatwedo-home3 .service-block-one .inner-box .image-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transition: all .5s ease;
    background: linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 30%);
    z-index: 1;
}
.whatwedo-home3 .service-block-one .inner-box .image-box img {
    width: 100%;
    transition: all .5s ease;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content {
    position: relative;
    padding: 30px 30px 30px 40px;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content .icon-box {
    position: relative;
    display: inline-block;
    font-size: 65px;
    line-height: 60px;
    margin-bottom: 32px;
    padding-left: 23px;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content .icon-box {
    color: #00c67c;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content .icon-box:before {
    position: absolute;
    content: '';
    height: 80px;
    width: 45px;
    top: -7px;
    left: 0;
    clip-path: polygon(0% 0%,60% 0%,100% 100%,0% 100%,0% 0%);
    opacity: .1;
    transition: all .5s ease;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content .icon-box:before {
    background: #00c67c;
}
.whatwedo-home3 .service-block-one .inner-box:hover .lower-content .icon-box:before {
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,60% 0%);
    opacity: .2;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content h3 {
    position: relative;
    display: block;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px 0;
    color: #000000;
    font-family: 'Avenir LT Std';
    font-weight: 700;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content p {
    font-size: 18px;
    line-height: 22px;
    color: #888888;
    margin: 0 0 10px 0;
    font-family: 'Avenir LT Std';
    font-weight: 500;
}
.forbox-home3 {
    position: relative;
    background: #fff;
}
.forbox-home3 .pattern-layer {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 167px;
    height: 284px;
    background-repeat: no-repeat;
}
.forbox-home3 .bg-column {
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.forbox-home3 .content-column {
    position: relative;
    float: right;
    width: 40%;
}
.forbox-home3 .content-column:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 100%;
    height: 100px;
    left: 0;
    top: -100px;
}
.forbox-home3 .content-column .content-inner {
    position: relative;
    padding: 62px 0px 62px 30px;
}
.forbox-home3 .content-column .content-inner {
    position: relative;
    display: block;
    text-align: left;
    max-width: 380px;
}
.forbox-home3 .content-column .content-inner .content-box .lower-content {
    position: relative;
    padding: 25px;
    border: 1px solid #e5e5e5;
    margin: 0 0 30px 0;
}
.forbox-home3 .content-column .content-inner .content-box .lower-content .icon-box {
    position: relative;
    display: inline-block;
    font-size: 65px;
    line-height: 60px;
    margin-bottom: 32px;
    padding-left: 23px;
}
.forbox-home3 .content-column .content-inner .content-box .lower-content .icon-box {
    color: #00c67c;
}
.forbox-home3 .content-column .content-inner .content-box .lower-content .icon-box:before {
    position: absolute;
    content: '';
    height: 80px;
    width: 45px;
    top: -7px;
    left: 0;
    clip-path: polygon(0% 0%,60% 0%,100% 100%,0% 100%,0% 0%);
    opacity: .1;
    transition: all .5s ease;
}
.forbox-home3 .content-column .content-inner .content-box .lower-content .icon-box:before {
    background: #00c67c;
}
.forbox-home3 .content-column .content-inner .content-box:hover .lower-content .icon-box:before {
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,60% 0%);
    opacity: .2;
}
.forbox-home3 .content-column .content-inner .content-box .lower-content h3 {
    position: relative;
    display: block;
    font-size: 18px;
    margin: 0 0 20px 0;
    color: #000000;
    font-family: 'Avenir LT Std';
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}
.our-clients-logo-section-home3 {
    position: relative;
    padding: 120px 0 260px;
}
.our-clients-logo-section-home3 .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat-x;
    animation: slide 100s linear infinite;
    -webkit-animation: slide 100s linear infinite;
}
@keyframes slide {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 1920px 0;
    }
}
/*.our-clients-logo-section-home3 .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/our-clients-logo-section-home3-pattern-1.png);
    background-position-x: 11300%;
    background-repeat: repeat-x;
    animation-timing-function: linear;
    animation-name: slide2;
    animation-duration: 70s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
@keyframes slide2 {
    from {
        background-position-x: 0%;
    }
    to {
        background-position-x: 11300%;
    }
}*/
.our-clients-logo-section-home3 #recipeCarousel .carousel-item img {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.location-section-home3 {
    position: relative;
}
.location-section-home3 .inner-container {
    position: relative;
    background: #fff;
    padding: 50px 40px;
    border-radius: 10px;
    box-shadow: 0 15px 50px rgb(0 0 0 / 10%);
    margin-top: -140px;
}
.location-section-home3 .content_block_2 .content-box {
    position: relative;
    display: block;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 32px 40px 21px;
}
.location-section-home3 .content_block_2 .content-box h3 {
    display: block;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 16px;
}
.location-section-home3 .content_block_2 .content-box .support-box {
    position: relative;
    padding-left: 65px;
}
.location-section-home3 .content_block_2 .content-box .support-box h6 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 0;
}
.location-section-home3 .content_block_2 .content-box .support-box .icon-box {
    position: absolute;
    left: 0;
    top: 12px;
    font-size: 26px;
    line-height: 30px;
}
.location-section-home3 .content_block_2 .content-box .support-box .icon-box {
    color: #d40323;
}
.location-section-home3 .content_block_2 .content-box .support-box .icon-box:before {
    position: absolute;
    content: '';
    height: 44px;
    width: 36px;
    top: -5px;
    left: 0;
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,60% 0%);
    opacity: .1;
}
.location-section-home3 .content_block_2 .content-box .support-box .icon-box:before {
    background: #d40323;
}
.location-section-home3 .content_block_2 .content-box .support-box h3 {
    display: block;
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
    font-family: 'Avenir LT Std';
}
.location-section-home3 .content_block_2 .content-box h3 {
    display: block;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 16px;
    color: #000;
    font-family: 'Avenir LT Std';
}
.location-section-home3 .content_block_2 .content-box .support-box h3 a {
    display: inline-block;
    color: #404856;
    font-size: 18px;
    font-weight: 900;
    margin: 0;
    font-family: 'Avenir LT Std';
}
.our-services-section-home3 {
    position: relative;
    padding: 147px 0 146px;
}
.our-services-section-home3 .inner-box {
    position: relative;
    display: block;
    text-align: center;
}
.our-services-section-home3 .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}
.our-services-section-home3 .inner-box .image-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transition: all .5s ease;
    background: linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%);
    z-index: 1;
    transition: all .5s ease;
}
.our-services-section-home3 .inner-box:hover .image-box:before {
    opacity: 0;
}
.our-services-section-home3 .inner-box:hover .image-box img {
    transform: scale(1.1);
}
.our-services-section-home3 .inner-box .image-box:after {
    position: absolute;
    content: '';
    background: rgb(0 192 124/60%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .5s ease;
}
.our-services-section-home3 .inner-box:hover .image-box:after {
    opacity: 1;
}
.our-services-section-home3 .inner-box .image-box img {
    width: 100%;
    border-radius: 10px;
    transition: all .5s ease;
}
.our-services-section-home3 .inner-box .lower-content {
    position: relative;
    margin: 0 20px;
    z-index: 1;
}
.our-services-section-home3 .inner-box .lower-content .inner {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 10px;
    padding: 20px 10px;
    overflow: hidden;
    margin-top: -65px;
    box-shadow: 0 20px 30px #d3dce800;
}
.our-services-section-home3 .inner-box .lower-content .inner h3 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 18px;
    font-weight: 900;
    margin-bottom: 11px;
    font-family: 'Avenir LT Std';
    color: #000;
}
.our-services-section-home3 .inner-box .lower-content .inner .designation {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    font-family: 'Avenir LT Std';
    margin-bottom: 20px;
}
.our-services-section-home3 .inner-box .lower-content .inner a i {
    color: #d40323;
    font-size: 14px;
}
.our-services-section-home3 .inner-box .lower-content .inner .designation {
    color: #888888;
}
.our-services-section-home3 .inner-box .lower-content .inner .pattern .pattern-1 {
    position: absolute;
    left: -30px;
    top: 0;
    width: 110px;
    height: 175px;
    opacity: 0;
    background-repeat: no-repeat;
    transition: all .5s ease;
}
.our-services-section-home3 .inner-box:hover .lower-content .inner .pattern .pattern-1 {
    opacity: 1;
    left: 0;
}
.our-services-section-home3 .inner-box .lower-content .inner .pattern .pattern-2 {
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 110px;
    height: 175px;
    opacity: 0;
    background-repeat: no-repeat;
    transition: all .5s ease;
}
.our-services-section-home3 .inner-box:hover .lower-content .inner .pattern .pattern-2 {
    opacity: 1;
    right: 0;
}
.testimonial-section-home3 {
    position: relative;
    padding-bottom: 140px;
}
.testimonial-section-home3 .pattern-layer {
    position: absolute;
    left: 0;
    top: -75px;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.testimonial-section-home3 .owl-carousel .owl-item {
    opacity: 0;
    transition: all .5s ease;
}
.testimonial-section-home3 .owl-carousel .owl-item.active {
    opacity: 1;
    transition: all .5s ease;
}
.testimonial-section-home3 .testimonial-block-one .inner-box {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 10px;
    padding: 70px 30px 70px 45px;
    box-shadow: 0 10px 40px #d3dce800;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .pattern {
    position: absolute;
    right: 18px;
    bottom: 18px;
    width: 35px;
    height: 50px;
    background-repeat: no-repeat;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .quote {
    position: absolute;
    right: 70px;
    bottom: 80px;
    font-size: 60px;
    opacity: 1;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .quote {
    color: #00c67c;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .text {
    margin-bottom: 50px;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .text p {
    font-size: 22px;
    line-height: 32px;
    color: #888888;
    font-weight: 500;
    font-style: italic;
    font-family: 'Avenir LT Std';
}
.testimonial-section-home3 .testimonial-block-one .inner-box .author-info {
    position: relative;
    padding: 9px 0 7px 90px;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .author-info .author-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .author-info .author-thumb img {
    width: 100%;
    border-radius: 50%;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .author-info h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 900;
    margin-bottom: 0;
    color: #d40323;
    font-family: 'Avenir LT Std';
}
.testimonial-section-home3 .testimonial-block-one .inner-box .author-info .designation {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #000000;
    font-family: 'Avenir LT Std';
}
.testimonial-section-home3 .owl-dots {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 56px;
}
.testimonial-section-home3 .owl-theme .owl-dots .owl-dot {
    display: inline-block;
}
.testimonial-section-home3 .owl-theme .owl-dots .owl-dot span {
    position: relative;
    display: inline-block;
    background: 0 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 5px;
    transition: all .5s ease;
}
.testimonial-section-home3 .owl-theme .owl-dots .owl-dot span {
    border: 2px solid #00c67c;
}
.testimonial-section-home3 .owl-theme .owl-dots .owl-dot span:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 3px;
    top: 3px;
    transform: scale(0,0);
    transition: all .5s ease;
}
.testimonial-section-home3 .owl-theme .owl-dots .owl-dot span:before {
    background: #00c67c;
}
.testimonial-section-home3 .owl-theme .owl-dots .owl-dot.active span:before, .testimonial-section-home3 .owl-theme .owl-dots .owl-dot span:hover:before {
    transform: scale(1,1);
}
.clients-who-we-ve-worked-with-section-home3 {
    position: relative;
}
.clients-who-we-ve-worked-with-section-home3 .pattern-layer {
    position: absolute;
    top: auto;
    right: 0;
    width: 390px;
    height: 319px;
    background-repeat: no-repeat;
    z-index: 1;
    bottom: 0;
}
.clients-who-we-ve-worked-with-section-home3 .inner-container {
    position: relative;
    padding: 130px 0;
    border-radius: 0;
    margin-top: 0;
}
.clients-who-we-ve-worked-with-section-home3 .inner-container:before {
    position: absolute;
    content: '';
    background: #404856;
    border-radius: 10px 0 0 10px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.clients-who-we-ve-worked-with-section-home3 .inner-container .pattern .pattern-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.clients-who-we-ve-worked-with-section-home3 .inner-container .pattern .pattern-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 756px;
    height: 318px;
    background-repeat: no-repeat;
    border-top-left-radius: 0;
}
.clients-who-we-ve-worked-with-section-home3 .contain .item {
    color: #ffffff;
}
.clients-who-we-ve-worked-with-section-home3 .contain .item .pic img {
    display: block;
    width: auto;
}
.clients-who-we-ve-worked-with-section-home3 .contain .item .box-cuntent h2 {
    font-size: 36px;
    line-height: normal;
    font-weight: 900;
    margin-bottom: 20px;
    color: #ffffff;
    font-family: 'Avenir LT Std';
}
.clients-who-we-ve-worked-with-section-home3 .contain .item .box-cuntent p {
    font-size: 23px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #ffffff;
    font-family: 'Avenir LT Std';
}
.clients-who-we-ve-worked-with-section-home3 .contain .item .box-cuntent a i {
    font-size: 16px;
    color: #00c67c;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots {
    position: relative;
    display: block;
    text-align: right;
    float: right;
    margin-top: -18px;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot {
    display: inline-block;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot span {
    border: 2px solid #00c67c;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot span {
    position: relative;
    display: inline-block;
    background: 0 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 5px;
    transition: all .5s ease;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot span:before {
    background: #00c67c;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot span:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 3px;
    top: 3px;
    transform: scale(0,0);
    transition: all .5s ease;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot.active span:before, .clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot.active span:hover:before {
    transform: scale(1,1);
}
.our-cases-home3 {
    padding: 160px 0;
    width: 100%;
    position: relative;
}
.our-cases-home3 .pattern-layer .pattern-1 {
    position: absolute;
    top: 70px;
    right: 300px;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    z-index: 1;
}
.our-cases-home3 .pattern-layer .pattern-2 {
    position: absolute;
    top: 80px;
    right: 80px;
    background: #ffffff;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    z-index: 0;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}
.our-cases-home3 .project-tab #tabs {
    background: #007b5e;
    color: #eee;
}
.our-cases-home3 .project-tab #tabs .nav-tabs .nav-item.show .nav-link,
.our-cases-home3 .nav-tabs .nav-link.active {
    color: #d40323;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid;
    font-size: 20px;
    font-weight: 900;
    box-shadow: none;
    outline: none;
    margin: 0;
    padding: 0 0 15px 0; 
}
.our-cases-home3 .project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-radius: 0;
    color: #000000;
    font-size: 20px;
    font-weight: 900;
    box-shadow: none;
    outline: none;
    margin: 0;
    padding: 0 0 15px 0;    
    font-family: 'Avenir LT Std';
}
.our-cases-home3 .project-tab .nav-tabs {
    border-bottom: 1px solid #e5e5e5;
}
.our-cases-home3 .project-tab .tab-content {
    margin: 40px 0 0 0;
}
.from-the-blog-recent-posts-home3 {
    position: relative;
    padding: 134px 0 150px;
}
.from-the-blog-recent-posts-home3 .pattern-layer .pattern-1 {
    position: absolute;
    top: 240px;
    left: 220px;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}
.from-the-blog-recent-posts-home3 .pattern-layer .pattern-2 {
    position: absolute;
    top: 120px;
    left: 90px;
    background: #f0f3f7;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 15px 40px #d3dce800;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .image-box:before {
    position: absolute;
    content: '';
    background: rgb(0 192 124/60%);    
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    transition: all .5s ease;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box:hover .image-box:before {
    opacity: 1;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box:hover .image-box img {
    transform: scale(1);
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .image-box img {
    width: 100%;
    transform: scale(1.1);
    transition: all .5s ease;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .image-box a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0px;
    color: #fff;
    z-index: 1;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content {
    position: relative;
    padding: 40px 30px;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .pattern {
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 99px;
    height: 170px;
    opacity: 0;
    background-repeat: no-repeat;
    transition: all .5s ease;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box:hover .lower-content .pattern {
    right: 0;
    opacity: 1;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content h3 {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: normal;
    font-weight: 900;
    margin-bottom: 22px;
    font-family: 'Avenir LT Std';
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content h3 a {
    display: inline-block;
    color: #00224f;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content h3 a:hover {
    color: #00c67c;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .admin-box {
    position: relative;
    padding: 0 0 0px 70px;
    margin-bottom: 30px;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .admin-box .admin-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .admin-box .admin-thumb img {
    width: 100%;
    border-radius: 50%;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .admin-box a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #2886ea;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 0;
    font-family: 'Avenir LT Std';
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .admin-box a:hover {
    color: #00c67c;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .admin-box span {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    font-family: 'Avenir LT Std';
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content p {
    color: #000000;
    font-family: 'Avenir LT Std';
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 25px;
    padding: 0;
}
.contact-section-home3 {
    position: relative;
    padding: 120px 0 100px;
}
.contact-section-home3:before {
    position: absolute;
    content: ''; 
    width: 100%;
    height: 100%;
    background: url(../images/contact-section-home3-bg.jpg) no-repeat center / cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.contact-section-home3 .pattern-layer .pattern-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 352px;
    height: 763px;
    background-repeat: no-repeat;
}
.contact-section-home3 .pattern-layer .pattern-2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 702px;
    height: 365px;
    background-repeat: no-repeat;
}
.contact-section-home3 .image-layer {
    position: absolute;
    left: 170px;
    bottom: 0;
}
.contact-section-home3 #content_block_4 .content-box .form-inner {
    position: relative;
    display: block;
    background: #fff;
    padding: 45px 100px;
    box-shadow: 0 20px 30px #d3dce800;
    border-radius: 10px;
    overflow: hidden;
}
.contact-section-home3 #content_block_4 .content-box .form-inner .pattern {
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 141px;
    height: 225px;
    background-repeat: no-repeat;
}
.contact-section-home3 #content_block_4 .content-box .form-inner h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 32px;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 10px 20px;
    font-weight: 500;
    line-height: 1.5;
    color: #888888;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 17px;    
    font-family: 'Avenir LT Std';
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-group {
    margin-bottom: 20px;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset textarea.form-control {
    height: 125px;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset input.form-control {
    height: 50px;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-control::-webkit-input-placeholder {
    color: #888888;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-control::-moz-placeholder {
    color: #888888;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-control:-ms-input-placeholder {
    color: #888888;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-control:-moz-placeholder {
    color: #888888;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-group .checkbox label {
    display: inline-block;
    margin-bottom: 0;
    color: #888888;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;    
    font-family: 'Avenir LT Std';
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-group .checkbox label a {
    color: #d40323;
    text-decoration: underline;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .radio input:checked ~ .checkround {
    background-color: #fff;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .checkround {
    position: absolute;
    top: 4px;
    left: 0;
    height: 22px;
    width: 22px;
    background: none;
    border-color: #e5e5e5;
    border-style: solid;
    border-width: 11px;
    border-radius: 50%;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .radio input:checked ~ .checkround {
    background-color: #fff;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .radio {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .radio input:checked ~ .checkround:after {
    display: block;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .radio .checkround:after {
    left: -4px;
    top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d40323;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .checkround:after {
    content: "";
    position: absolute;
    display: none;
}
/*-- Home Page 3 End--*/
/*-- Home Page 4 Start--*/
/*-- Home Page 4 Common Title--*/
.homepage4-title-style-1 {
    font-size: 62px;
    text-align: left;
    font-weight: bold;
    line-height: 1.170;
    color: #000000;
    margin: 147px 0 80px 0;
    padding: 0;
}
.homepage4-title-style-1 span {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-right: 5px;
}
.homepage4-title-style-1 span::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 18px;
    background-color: #00c57c;
    bottom: 0px;
    left: 0;
    z-index: -1;
}
.homepage4-section-title .homepage4-sub-title {
    font-size: 16px;
    font-weight: 500;
    color: #888888;
    text-transform: uppercase;
    margin-bottom: 0px;
    letter-spacing: 1px;
}
.homepage4-section-title .homepage4-title-style {
    font-size: 62px;
    font-weight: bold;
    line-height: 1.170;
    color: #000000;
    margin: 30px 0 35px 0;
    padding: 0;
}
.homepage4-section-title .homepage4-title-style span {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-right: 5px;
}
.homepage4-section-title .homepage4-title-style span::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 18px;
    background-color: #00c57c;
    bottom: 0px;
    left: 0;
    z-index: -1;
}
/*-- Home Page 4 Common Title--*/
/*-- Home Page 4 Common button--*/
.homepage4-common-btn {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    padding: 12px 36px;
    border-radius: 5px;
    background-color: #d40323;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.homepage4-common-btn::before {
    width: 200px;
    height: 200px;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 50%;
}
.homepage4-common-btn:hover::before {
    background-color: #404856;
}
.homepage4-common-btn:hover::before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.homepage4-common-btn:hover {
    color: #ffffff;
    background-color: #404856;
}
.homepage4-common-btn:focus {
    outline: none;
    box-shadow: none;
    border: none;
    color: #ffffff;
}
/*-- Home Page 4 Common button--*/
.menu-large  {
    position: unset !important;
}
.headerMain .navbar {
    position: relative;
}
.headerMain.home4header .menuMain .nav-link:hover:before, .headerMain.home4header .menuMain .nav-link.active:before {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 25px;
    height: 5px;
    border-radius: 6px;
    content: "";
    background-color: #ffffff;
}
.megamenu {
    width: 100%;
}
.megamenu > div > li > ul {
    padding: 0;
    margin: 0;
}
.megamenu > div > li > ul > li {
    list-style: none;
}
.megamenu > div > li > ul > li.dropdown-header {
    padding: 0px 24px 10px 19px;
}
.megamenu .card {
    outline: none;
}
.megamenu .card:hover,
.megamenu .card:focus {
    outline: 1px solid #000;
}
.megamenu > div > li > ul > li > a {
    line-height: 1.428571429;
    white-space: normal;
    display: block;
    width: 100%;
    padding: .25rem 19px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    background-color: transparent;
    border: 0;
}
.megamenu > div > li > ul > li > a:hover,
.megamenu > div > li > ul > li > a:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}
.megamenu.dropdown-header {
    color: #428bca;
    font-size: 18px;
}
.megamenu .dropdown-item:focus, .megamenu .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: transparent;
}
.slider-section {
    padding-top: 90px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.slider-section::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0fff4), to(rgba(240,255,244,0)));
    background: -webkit-linear-gradient(top, #f0fff4 0%, rgba(240,255,244,0) 100%);
    background: -o-linear-gradient(top, #f0fff4 0%, rgba(240,255,244,0) 100%);
    background: linear-gradient(180deg, #f0fff4 0%, rgba(240,255,244,0) 100%);
}
.slider-active .slider-wrapper {
    position: relative;
    height: 825px;
}
.slider-active .slider-content {
    padding-top: 0px;
    padding-right: 60px;
}
.slider-active .slider-content .homepage4-title-style {
    margin-bottom: 70px;
}
.slider-active .slider-images {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    text-align: right;
    padding-left: 20px;
    margin-top: 50px;
    width: 100%;
}
.slider-active .slider-images {
    opacity: 1;
}
.slider-active .slider-images .slider-hero {
    position: relative;
    right: -20px;
}
.slider-active .slider-images .slider-hero img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.slider-active .slider-images .shape-1 {
    width: 467px;
    height: 623px;
    background-color: #f3faef;
    bottom: 0 !important;
    left: auto !important;
    right: 0 !important;
    top: auto !important;
    position: absolute;
    z-index: -1;
    border-bottom-left-radius: 100px;
    border-top-right-radius: 100px;
}
.slider-active .slider-images .shape-2 {
    position: absolute;
    z-index: -1;
    top: 125px !important;
    right: -30px !important;
    opacity: 0.38;
}
.slider-active .slider-images .shape-3 {
    position: absolute;
    z-index: -1;
    bottom: -10px !important;
    left: auto !important;
    top: auto !important;
    right: 32% !important;
}
.slider-active .swiper-button-next {
    right: 30px;
}
.slider-active .swiper-button-next, .slider-active .swiper-button-prev {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ebf7f8;
    border-radius: 50%;
    outline: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: inline-block;
    opacity: 1;
    visibility: visible;
    background-image: none;
    color: #000;
}
.slider-active .swiper-button-next::after, .slider-active .swiper-button-prev::after {
    font-size: 24px;
    color: #1d3557;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.slider-active .swiper-button-prev {
    left: 30px;
}
.slider-active .swiper-button-next:hover, .slider-active .swiper-button-prev:hover {
    background-color: #c25251;
    color: #fff;
}
.slider-active .swiper-button-next:hover::after, .slider-active .swiper-button-prev:hover::after {
    color: #fff;
}
.animation-style-01 .slider-images,
.animation-style-01 .slider-content {
    opacity: 0;
}
.animation-style-01.swiper-slide-active .slider-content {
    opacity: 1;
}
.animation-style-01.swiper-slide-active .slider-content .title {
    animation-name: fadeInUpBig;
    animation-delay: 0.4s;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animation-style-01.swiper-slide-active .slider-content .btn {
    animation-name: fadeInUpBig;
    animation-delay: 0.8s;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animation-style-01.swiper-slide-active .slider-images {
    opacity: 1;
}
.animation-style-01.swiper-slide-active .slider-images .slider-hero img {
    animation-name: fadeInUp;
    animation-delay: 1.1s;
    animation-duration: 1.3s;
    animation-fill-mode: both;
}
.for-box-section-home4 {
    padding: 130px 0 0 0;
}
.for-box-section-home4 .feature-box {
    text-align: center;
    margin-top: 0px;
}
.for-box-section-home4 .feature-box .icon {
    position: relative;
    display: inline-block;
    z-index: 2;
    padding-top: 20px;
}
.for-box-section-home4 .feature-box .icon::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background-color: #e1f3f4;
    z-index: -1;
    top: 0px;
    left: -28px;
}
.for-box-section-home4 .feature-box .content {
    padding-top: 38px;
}
.for-box-section-home4 .feature-box .content .title {
    font-size: 25px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0;
}
.for-box-section-home4 .feature-box .content p {
    margin-top: 8px;
    font-size: 17px;
    font-weight: 400;
    color: #888888;
    font-family: 'Ubuntu', sans-serif;
}
.about-section-home4 {
    padding: 130px 0 0 0;
}
.about-section-home4 .about-content .about-text {
    color: #000000;
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 30px 0;
    line-height: 24px;
    padding: 0;
}
.about-section-home4 .about-content .about-text-two {
    color: #000000;
    font-size: 17px;
    font-weight: 400;
    margin: 0 0 40px 0;
    padding: 0;
    line-height: 24px;
}
.about-section-home4 .about-images {
    position: relative;
    z-index: 1;
    margin-top: 0px;
}
.about-section-home4 .about-images img {
    border-radius: 100%;
    width: 485px;
    height: 485px;
    object-fit: cover;
}
.about-section-home4 .about-images .shape {
    width: 418px;
    height: 500px;
    background-color: #ebf7f8;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) rotate(30deg);
    -ms-transform: translateX(-50%) rotate(30deg);
    transform: translateX(-50%) rotate(30deg);
    position: absolute;
    top: 25px;
    left: 58%;
    z-index: -1;
}
.services-section-home4 {
    padding: 10px 0 0 0;
}
.services-section-home4 .service-wrapper {
    position: relative;
    z-index: 1;
    padding-bottom: 25px;
    margin: 0;
}
.services-section-home4 .service-wrapper::before {
    position: absolute;
    content: '';
    width: 93%;
    height: 86.5%;
    background-color: #ebf7f8;
    bottom: -15px;
    left: 70px;
    z-index: -1;
    border-radius: 35px;
    border: 15px solid rgba(255,255,255,0);
    right: 30px;
}
.services-section-home4 .service-wrapper .homepage4-section-title {
    margin-left: 120px;
}
.services-section-home4 .service-active {
    position: relative;
}
.services-section-home4 .service-active .swiper-container {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
.services-section-home4 .service-active .swiper-container .swiper-wrapper .swiper-slide:nth-child(2n+1) {
    margin-top: 30px;
}
.services-section-home4 .service-active .swiper-container .swiper-wrapper .swiper-slide {
    padding: 0px 5px;
}
.services-section-home4 .service-wrapper .shape {
    position: absolute;
    top: 0px;
    right: -25px;
    z-index: -2;
    opacity: 0.64;
}
.services-section-home4 .service-box {
    background-color: #fff;
    padding: 35px 30px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
.services-section-home4 .service-box .box-icon {
    position: relative;
    display: inline-block;
    z-index: 2;
    padding-left: 10px;
}
.services-section-home4 .service-box .box-icon::before {
    position: absolute;
    content: '';
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #ebf7f8;
    z-index: -1;
    bottom: 0;
    left: 0;
}
.services-section-home4 .service-box .box-content {
    padding-top: 24px;
}
.services-section-home4 .service-box .box-content .title {
    margin-bottom: 0;
}
.services-section-home4 .service-box .box-content .title a {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    margin: 0;
    padding: 0;
}
.services-section-home4 .service-box .box-content p {
    font-size: 16px;
    font-weight: 400;
    color: #888888;
    line-height: 18px;
    margin: 20px 0 0 0;
    padding: 0;
    font-family: 'Ubuntu', sans-serif;
}
.services-section-home4 .service-active .swiper-button-next, .services-section-home4 .service-active .swiper-button-prev {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    top: 0px;
    right: 45px;
    margin-top: 0;
    outline: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-image: none;
    color: #404856;
}
.services-section-home4 .service-active .swiper-button-prev {
    left: auto;
    right: 90px;
}
.services-section-home4 .service-active .swiper-button-next::after, .services-section-home4 .service-active .swiper-button-prev::after {
    font-size: 14px;
    color: #1d3557;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.services-section-home4 .service-active .swiper-button-next:hover, .services-section-home4 .service-active .swiper-button-prev:hover {
    background-color: #d40323;
    color: #ffffff;
}
.client-section-home4 {
    padding: 20px 0 0 0;
}
.client-section-home4 .client-content {
    padding-right: 30px;
    margin-top: 20px;
}
.client-section-home4 .client-wrapper {
    padding-top: 40px;
}
.client-section-home4 .single-client p {
    font-size: 17px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 0;
    padding: 0;
    line-height: 26px;
    font-family: 'Ubuntu', sans-serif;
}
.client-section-home4 .client-content .text {
    margin: 24px 0 0 0;
    padding: 0;
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
    color: #000000;
    font-family: 'Ubuntu', sans-serif;
}
.client-section-home4 .single-client p img {
    vertical-align: bottom;
    margin-right: 10px;
    margin-bottom: 6px;
}
.client-section-home4 .single-client .client-info {
    margin-top: 20px;
}
.client-section-home4 .single-client .client-info .name {
    font-size: 18px;
    font-weight: 500;
    color: #d40323;
}
.client-section-home4 .single-client .client-info span {
    position: relative;
    line-height: 1;
    color: #888888;
    font-size: 17px;
    font-weight: 400;
}
.client-section-home4 .single-client .client-info span+span::before {
    content: '|';
    color: #888888;
    font-size: 17px;
    margin: 0 10px;
    line-height: 1;
}
.client-section-home4 .client-active .swiper-button-next {
    position: relative;
    top: 0;
    margin-top: 30px;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    display: inline-block;
    color: #000000;
    font-size: 17px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 1;
    outline: none;
    font-weight: 400;
    opacity: 1;
    background-image: none;
}
.client-section-home4 .client-active .swiper-button-prev {
    position: relative;
    top: 0;
    margin-top: 20px;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    display: inline-block;
    color: #888888;
    font-size: 17px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 1;
    outline: none;
    font-weight: 400;
    opacity: 1;
    background-image: none;
}
.client-section-home4 .client-active .swiper-button-next::before {
    content: '/';
    color: #000000;
    font-size: 17px;
    margin: 0 10px;
    line-height: 1;
}
.client-section-home4 .client-active .swiper-button-next:hover, .client-section-home4 .client-active .swiper-button-prev:hover {
    color: #d40323;
}
.client-section-home4 .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.client-section-home4 .client-images {
    position: relative;
    width: 100%;
    height: 91%;
    margin-top: 50px;
}
.client-section-home4 .client-images .images-1 {
    position: absolute;
    top: 0;
    left: 10px;
    border-radius: 50%;
    background-color: #e6e6e6;
    -webkit-box-shadow: 0px 8px 46px 0px rgb(29 53 87 / 13%);
    box-shadow: 0px 8px 46px 0px rgb(29 53 87 / 13%);
    z-index: 2;
    display: inline-block !important;
}
.client-section-home4 .client-images .images-1::before {
    position: absolute;
    content: '';
    top: 10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    z-index: -1;
}
.client-section-home4 .client-images img {
    border-radius: 50%;
}
.client-section-home4 .client-images .images-2 {
    position: absolute;
    top: 44% !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    right: 0 !important;
    left: auto !important;
    border-radius: 50%;
}
.client-section-home4 .client-images .images-3 {
    position: absolute;
    bottom: 0 !important;
    left: 19% !important;
    top: auto !important;
    border-radius: 50%;
}
.client-section-home4 .client-images .shape-1 {
    position: absolute;
    top: 180px !important;
    right: 37% !important;
    left: auto !important;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #d40323;
}
.client-section-home4 .client-images .shape-2 {
    position: absolute;
    bottom: 22% !important;
    left: 25px !important;
    top: auto !important;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #00c57c;
}
.client-section-home4 .client-images .shape-3 {
    position: absolute;
    bottom: 0px !important;
    right: 22% !important;
    top: auto !important;
    left: auto !important;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #404856;
}
.counter-section-home4 {
    padding: 130px 0 0 0;
}
.counter-section-home4 .single-counter {
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 8px 46px 0px rgb(29 53 87 / 8%);
    box-shadow: 0px 8px 46px 0px rgb(29 53 87 / 8%);
    text-align: center;
    padding: 40px 30px;
    margin-top: 30px;
}
.counter-section-home4 .single-counter .count {
    font-size: 28px;
    font-weight: 700;
    color: #d40323;
    line-height: 47px;
    margin: 0;
    padding: 0;
}
.counter-section-home4 .single-counter .count .odometer {
    font-size: 40px;
    font-weight: 700;
    color: #d40323;
    line-height: 47px;
    margin: 0;
    padding: 0;
}
.counter-section-home4 .single-counter p {
    font-size: 20px;
    color: #555555;
    line-height: 47px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}
.counter-section-home4 .odometer.odometer-auto-theme,
.counter-section-home4 .odometer.odometer-theme-default {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit .odometer-value,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}
.counter-section-home4 .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.counter-section-home4 .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;

    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.counter-section-home4 .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.counter-section-home4 .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.counter-section-home4 .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.counter-section-home4 .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.counter-section-home4 .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.counter-section-home4 .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.counter-section-home4 .odometer.odometer-auto-theme,
.counter-section-home4 .odometer.odometer-theme-default {
    line-height: 1.1em;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-value,
.counter-section-home4 .odometer.odometer-theme-default .odometer-value {
    text-align: center;
}
.counter-section-home4 .counter-wrapper {
    padding: 20px 65px 50px;
    position: relative;
    z-index: 1;
}
.counter-section-home4 .counter-wrapper .shape {
    position: absolute;
    bottom: -5px;
    left: 5px;
    z-index: -2;
    opacity: 0.64;
}
.clients-hypocero-section-home4 {
    padding: 130px 0 0 0;
}
.clients-hypocero-section-home4 .clients-hypocero-wrapper {
    padding: 10px 80px 60px;
    background-color: #ebf7f8;
    border-radius: 20px;
    margin: 0 15px;
}
.clients-hypocero-section-home4 .clients-hypocero-content {
    margin-top: 50px;
}
.clients-hypocero-section-home4 .clients-hypocero-content p {
    font-size: 17px;
    font-weight: 500;
    color: #000000;
    line-height: 24px;
    margin: 0 0 30px 0;
    padding: 0;
    font-family: 'Ubuntu', sans-serif;
}
.clients-hypocero-section-home4 .clients-hypocero-image {
    padding: 40px;
    margin-top: 50px;
    position: relative;
    z-index: 1;
}
.clients-hypocero-section-home4 .clients-hypocero-image .shape-1 {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: -1;
}
.clients-hypocero-section-home4 .clients-hypocero-image .shape-1 img {
    width: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    opacity: 1;
}
.clients-hypocero-section-home4 .clients-hypocero-image img {
    width: 100%;
    -webkit-box-shadow: 0px 8px 46px 0px rgb(3 15 39 / 13%);
    box-shadow: 0px 8px 46px 0px rgb(3 15 39 / 13%);
    border-radius: 10px;
}
.clients-hypocero-section-home4 .clients-hypocero-image .shape-2 {
    width: 310px;
    height: 335px;
    background-color: #f8faf4;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 10px;
    z-index: -1;
}
.our-cases-section-home4 {
    padding: 130px 0 0 0;
}
.our-cases-section-home4 .our-cases-wrapper {
    padding-top: 15px;
}
.our-cases-section-home4 .single-our-cases {
    border-radius: 10px;
    overflow: hidden;
    background-color: #ebf7f8;
    margin-top: 35px;
}
.our-cases-section-home4 .single-our-cases .our-cases-image {
    position: relative;
    overflow: hidden;
}
.our-cases-section-home4 .single-our-cases .our-cases-image img {
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.our-cases-section-home4 .single-our-cases:hover .our-cases-image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.our-cases-section-home4 .single-our-cases .our-cases-content {
    text-align: center;
    padding: 15px 0;
}
.our-cases-section-home4 .single-our-cases .our-cases-content .designation {
    color: #de2c0b;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px 0;
    line-height: normal;
    padding: 0;
    font-family: 'Ubuntu', sans-serif;
}
.our-cases-section-home4 .single-our-cases .our-cases-content .sub-designation {
    display: block;
    margin-top: 0px;
}
.our-cases-section-home4 .single-our-cases .our-cases-content .sub-designation a {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    letter-spacing: 2px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.our-cases-section-home4 .our-cases-wrapper .nav-pills .nav-link {
    border-radius: 0px;
    border-top: 3px solid #ebf7f8;
    margin: 0 20px;
}
.our-cases-section-home4 .our-cases-wrapper .nav-link {
    display: block;
    padding: 15px 40px;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    border-radius: 0px;
}
.our-cases-section-home4 .our-cases-wrapper .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    vertical-align: middle;
}
.our-cases-section-home4 .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #00c57c;
    border-top: 3px solid #00c57c;
}
.brand-logo-section-home4 {
    padding: 130px 0 0 0; 
}
.brand-logo-section-home4 .single-brand {
    text-align: center;
}
.brand-logo-section-home4 .single-brand img {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0.27;
    cursor: pointer;
}
.brand-logo-section-home4 .single-brand:hover img {
    opacity: 1;
}
.blog-section-home4 {
    padding: 130px 0 0 0; 
} 
.blog-section-home4 .blog-wrapper {
    position: relative;
    z-index: 1;
}
.blog-section-home4 .blog-wrapper .shape {
    position: absolute;
    top: 45px;
    right: -35px;
    z-index: -2;
    opacity: 0.64;
}
.blog-section-home4 .blog-title-wrapper {
    margin-top: 50px;
}
.blog-section-home4 .blog-title-wrapper p {
    font-size: 17px;
    color: #000000;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
    padding: 0;    
    font-family: 'Ubuntu', sans-serif;
}
.blog-section-home4 .blog-active .swiper-button-prev {
    margin-right: 10px;
}
.blog-section-home4 .blog-active .swiper-button-next, .blog-section-home4 .blog-active .swiper-button-prev {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ebf7f8;
    border-radius: 50%;
    margin-top: 25px;
    top: 0;
    outline: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    left: 0;
    display: inline-block;
    background-image: none;
    color: #404856;
}
.blog-section-home4 .blog-active .swiper-button-next::after, .blog-section-home4 .blog-active .swiper-button-prev::after {
    font-size: 14px;
    color: #1d3557;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.blog-section-home4 .blog-active .swiper-button-next:hover, .blog-active .swiper-button-prev:hover {
    background-color: #c25251;
    color: #fff;
}
.blog-section-home4 .blog-active .swiper-button-next:hover::after, .blog-active .swiper-button-prev:hover::after {
    color: #fff;
}
.blog-section-home4 .blog-wrapper .swiper-container {
    padding-top: 20px;
}
.blog-section-home4 .single-blog {
    margin-top: 30px;
}
.blog-section-home4 .single-blog .blog-images a {
    display: block;
}
.blog-section-home4 .single-blog .blog-images a img {
    width: 100%;
}
.blog-section-home4 .single-blog .blog-content {
    padding-top: 17px;
}
.blog-section-home4 .single-blog .blog-content .blog-title {
    margin-bottom: 0;
}
.blog-section-home4 .single-blog .blog-content .blog-title a {
    font-weight: 500;
    font-size: 22px;
    color: #00c57c;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.blog-section-home4 .single-blog .blog-content p {
    font-size: 17px;
    color: #000000;
    font-weight: 300;
    line-height: 24px;
    margin: 15px 0 0 0;
    padding: 0;    
    font-family: 'Ubuntu', sans-serif;
}
.contactus-section-home4 {
    padding: 130px 0;
}
.contactus-section-home4 .contactus-details li {
    margin-bottom: 15px;
}
.contactus-section-home4 .contactus-details li strong {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    margin: 0;
    padding: 0;   
    display: block; 
}
.contactus-section-home4 .contactus-details li a {
    font-size: 18px;
    color: #000000;
    font-weight: 400;
    margin: 0;
    padding: 0;    
}
.contactus-section-home4 .contactus-content .form-wrapper {
    margin: 70px 0 0 0;
}
.contactus-section-home4 .contactus-content .single-form {
    margin: 0 0 10px 0;
}
.contactus-section-home4 .contactus-content .single-form input:not([type="checkbox"]):not([type="radio"]), .single-form textarea {
    width: 100%;
    height: 52px;
    padding: 0 25px;
    border: none;
    font-size: 16px;
    font-weight: 50;
    color: #000000;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 5px;
    background-color: #ebf7f8;
    outline: none;
    box-shadow: none;
    font-weight: 400;
}
.contactus-section-home4 .contactus-content .single-form textarea {
    padding-top: 10px;
    height: 250px;
    resize: none;
}
/*-- Home Page 4 End--*/
.loaderholder{width: 100vw; height: 100vh; display: flex; flex-wrap: wrap; align-items: center;justify-content: center;align-content: center; position: fixed;top: 0; left: 0; z-index: 9999999;background: #fff;overflow: hidden; }



/*-- Home Page 5 Start --*/
.black1 { color: #111111 !important; }
.redText{ color: #d40323 !important; }


.home5slider{ position: relative; z-index: 1; overflow: hidden; height: 100vh; }
.home5slider ol.carousel-indicators { position: absolute; top: 0px; bottom: 0px; margin: auto; height: 20px; right: 10px; left: auto; width: auto; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.home5slider .carousel-indicators li{ width: 16px; height: 16px; border-radius: 50%; border: 0px; box-shadow: inset 0px 0px 0px 1px #ffffff; background-color: transparent; margin: 5px; }
.home5slider .carousel-indicators li.active{ box-shadow: inset 0px 0px 0px 1px #ffffff; background-color: #d40323; }
.home5slider .carousel-caption{ top: 0px; bottom: 0px; text-align: left; display: flex; flex-direction: column; justify-content: center; /*max-width: 700px;*/ }
.home5slider .carousel-caption-data{ max-width: 700px; }
.home5slider .carousel-caption-data p{ font-family: 'Poppins', sans-serif !important; font-size: 50px; font-weight: bold; line-height: normal; padding-bottom: 30px; text-transform: capitalize; }

.home5slider .carousel-inner{ height: 100%; }
.home5slider .carousel-inner .carousel-item{ height: 100%; }
.home5sliderImage{ width: 100% !important; height: 100%; object-fit: cover; }

.home5-btn1{ background-color: #d40323; color: #ffffff; font-weight: bold; font-size: 14px; letter-spacing: 1px; /*width: 100%; max-width: 140px;*/ border-radius: 10px 0px 0px 10px; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; border: solid 1px transparent; position: relative; padding-left: 20px; padding-right: 2px; margin-right: 20px; transition: all 250ms; }
.home5-btn1-data{ position: relative; z-index: 1; }
.home5-btn1:before{ content: ""; position: absolute; right: -20px; top: -1px; bottom: 0px; background-color: #d40323; width: 50px; height: calc(100% + 2px); border-radius: 0px 10px 14px 0px; 
    -moz-transform: skewX(16deg); -webkit-transform: skewX(16deg); -o-transform: skewX(16deg); -ms-transform: skewX(16deg); transform: skewX(16deg);
    transition: all 250ms;
}

.home5-btn1:hover, .home5-btn1:focus, .home5-btn1:hover:before, .home5-btn1:focus:before{ background-color: #000000 !important; color: #ffffff !important; }



.home5-btn1.btnLg{ font-size: 18px; /*max-width: 220px;*/ min-height: 60px; }

.home5-about-company{ padding: 80px 0px 270px; background-image: url(../images/home5-about-companyBg.png); background-repeat: no-repeat; background-position: right bottom; }

.home5-comonTitleOne{ font-family: 'Poppins', sans-serif !important; font-size: 40px; font-weight: bold; color: #111111; padding-bottom: 20px;}
.home5-comonTitleOne small{ font-size: 20px; font-weight: bold; color: #d40323; text-transform: uppercase; display: block; padding-bottom: 10px; }

.home5-link1{ color: #d40323; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; position: relative; padding: 0px 18px 3px 0px; }
.home5-link1:before{ position: absolute; right: 0px; content: "\f054"; font-family: "Font Awesome 5 Free"; line-height: normal; top: 2px; }
.home5-link1:after{ position: absolute; right: 0px; content: ""; border-bottom: solid 2px #d40323; width: calc(100% - 18px); left: 0px; bottom: 0px; transition: width 250ms; }
.home5-link1:hover, .home5-link1:focus{ padding: 0px 13px 3px 0px; }
.home5-link1:hover:after, .home5-link1:focus:after{ width: 0px; }

.home5-three-points-data{ background-color: #ffffff; background-image: url(../images/home5-three-pointsBg.png); background-repeat: no-repeat; background-position: left bottom; border-radius: 16px; min-height: 222px; /*max-width: 980px;*/ box-shadow: 0px -3px 15px rgba(64,72,86,0.1); margin: 0px auto; padding: 0px 60px; position: absolute; top: -120px; left: 0px; right: 0px; }
.home5-three-pointsBox{ text-align: center; max-width: 252px; margin: 0px auto; }
.home5-three-pointsBoxIcon{ background-color: #ffffff; border-radius: 50%; box-shadow: 0px 0px 15px rgba(64,72,86,0.2); width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; margin: -45px auto 25px; }

.home5-dark-background { position: relative; padding-bottom: 185px; }
.home5-dark-background:before { 
    background-color: #404856; background-image: url(../images/home5-dark-background.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; 
    position: absolute; left: 0px; right: 0px; width: 100%; height: 510px; content: "";
}
.home5-light-background { position: relative; min-height: 737px; padding-top: 100px; padding-bottom: 70px; }
.home5-light-background:before { 
    background-image: url(../images/home5-light-background.png); background-repeat: no-repeat; background-position: left bottom; background-size: contain; 
    position: absolute; left: 0px; right: 0px; top: 0px; width: 100%; min-height: 737px; content: "";
}

#servicesProvideCarousel{ margin-top: 45px; }
#servicesProvideCarousel .owl-nav{ display: none; visibility: hidden; }
#servicesProvideCarousel .owl-dots{ text-align: center; }
#servicesProvideCarousel .owl-dots .owl-dot { background-color: #ffffff; width: 14px; height: 14px; border-radius: 50%; margin: 0px 7px; box-shadow: inset 0px 0px 0px 1px #9a9a9a; }
#servicesProvideCarousel .owl-dots .owl-dot.active{ background-color: #d40323; box-shadow: none; }

.servicesProvideBox{ background-color: #ffffff; padding: 32px; border-radius: 16px; box-shadow: 0px 0px 8px rgba(64, 72, 86, 0.1); margin: 12px; }
.servicesProvideBoxIcon{ min-height: 90px; }

.home5-link2{ color: #d40323; position: relative; }
.home5-link2:after{ position: absolute; right: 0px; content: ""; border-bottom: solid 1px #999999; width: 0%; left: 0px; bottom: 0px; transition: width 250ms; }
.home5-link2:hover:after{ width: 100%; }

.home5-brandLogoBox{ background-color: #d40323; border-radius: 0px 28px 28px 28px; padding: 22px; width: 100%; max-width: 395px; position: absolute; right: 0px; top: -75px; min-height: 200px; }
.home5-brandLogoBox:after{ background-color: #d40323; border-radius: 28px 0px 0px 28px; width: 100px; height: 100%; position: absolute; left: -20px; top: 0px; content: ""; 
    -moz-transform: skewX(8deg); -webkit-transform: skewX(8deg); -o-transform: skewX(8deg); -ms-transform: skewX(8deg); transform: skewX(8deg);
}
.home5-brandLogoBoxImage{ position: relative; z-index: 1; margin: 15px 20px; }

.home5-whyChoose { padding: 200px 0px; background-image: url(../images/home5-whyChooseUsbg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; }
.home5-whyChoose:before { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.7); content: ""; width: 100%; height: 100%; }

.home5-whyChooseBox{ background-color: #d40323; padding: 40px 10px 40px 30px; border-radius: 16px; margin-top: 50px; margin-right: 30px; position: relative; cursor: pointer; font-size: 24px; }
.home5-whyChooseBox *{ position: relative; z-index: 1; }
.home5-whyChooseBox:after{ content: ""; background-color: #d40323; border-radius: 0px 16px 16px 0px; position: absolute; right: -20px; top: 0px; bottom: 0px; width: 50px; height: 100%; 
    -moz-transform: skewX(8deg); -webkit-transform: skewX(8deg); -o-transform: skewX(8deg); -ms-transform: skewX(8deg); transform: skewX(8deg);
}



.home5-whyChooseBoxLink{ color: #ffffff !important; font-size: 20px; position: absolute; right: -28px; bottom: 0px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; }
.home5-whyChooseBox:hover .home5-whyChooseBoxLink:before{ background-color: #111111; }

.home5-counter { background-color: #f3f3f3; border-bottom: solid 1px #e5e3e3; padding: 60px 0px; }
.home5-counterNomber { color: #d40323; font-size: 60px; text-align: center; }
.row.home5-counterline [class*='col-']:not(:first-child):after { background: #dadada; width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }

.home5-ourCases{ padding: 90px 0px; }

.home5-ourCasesBox{ position: relative; overflow: hidden; border-radius: 0px 16px 16px 0px; }

.home5-ourCasesBox a{  
    display: table;
    border-radius: 16px;
    overflow: hidden;
    margin-left: 17px;
    width: calc(100% + 20px);
    position: relative;
    
    -moz-transform: skewX(-6deg);
    -webkit-transform: skewX(-6deg);
    -o-transform: skewX(-6deg);
    -ms-transform: skewX(-6deg);
    transform: skewX(-6deg);
}

.home5-ourCasesBox img { width: 100%; transition: 600ms all ease-in-out; border-radius: 16px 0px 0px 16px; }

.home5-ourCasesBoxLabel{ 
    position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 50px 25px 25px 25px; font-size: 20px; color: #ffffff; transition: all 600ms; display: flex; align-items: flex-end; z-index: 2;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */

    border-radius: 0px 0px 16px 16px;
}

.home5-ourCasesBoxLabel p {
    -moz-transform: skewX(8deg);
    -webkit-transform: skewX(8deg);
    -o-transform: skewX(8deg);
    -ms-transform: skewX(8deg);
    transform: skewX(8deg);
}

.home5-ourCasesBox:hover .home5-ourCasesBoxLabel{ padding-left: 45px; height: 100%; }
.home5-ourCasesBox:hover .home5-ourCasesBoxLabel:before{ font-family: "Font Awesome 5 Free"; content: "\f30b"; color: #ffffff; position: absolute; left: 20px; }

.home5-testimonialsMain{ padding: 90px 0px; background-color: #f3f3f3; }
.home5-ourClients{ position: relative; }
.home5-ourClientsTitle{ position: absolute; left: 420px; z-index: 2; }

.home5-testimonialThumb{  
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}
.home5-testimonialThumb-image{  
    display: table;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 26px;
    margin-top: -22px;
    width: 100%;
    position: relative;

    -moz-transform: skewY(-8deg);
    -webkit-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    transform: skewY(-8deg);
}
.home5-testimonialThumb-image img{ 
    -moz-transform: skewY(6deg);
    -webkit-transform: skewY(6deg);
    -o-transform: skewY(6deg);
    -ms-transform: skewY(6deg);
    transform: skewY(6deg);
    margin-bottom: -20px;
}

.home5-testimonialDataBox{ padding: 160px 200px 0px 70px; }
.home5-testimonialData { font-size: 18px; color: #111111; font-style: italic; }
.home5-testimonialClientName { font-size: 16px; color: #111111; }
.home5-testimonialClientPost { position: relative; padding-left: 15px; margin-left: 5px; font-weight: normal; color: #777777; }
.home5-testimonialClientPost:before { position: absolute; content: "/"; left: 0px; top: 3px; font-weight: normal; color: #111111; }

#home5-testimonialSlider { background-image: url(../images/home5-testimonialDataBg.png); background-repeat: no-repeat; background-position: center center; }
#home5-testimonialSlider .owl-nav{ background-color: #d40323; text-align: center; position: absolute; bottom: 50px; left: 420px; border-radius: 10px; }
#home5-testimonialSlider .owl-nav button{ color: rgba(255, 255, 255, 0.6); height: 40px; font-size: 24px; padding: 0px 15px !important; 
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;    
}
#home5-testimonialSlider .owl-nav button:hover{ color: #ffffff; }
#home5-testimonialSlider .owl-nav .owl-prev{ width: 50%; position: relative; }
#home5-testimonialSlider .owl-nav .owl-prev:before{ content: "/"; position: absolute; right: -3px; color: rgba(255, 255, 255, 0.6); font-weight: 200; }
#home5-testimonialSlider .owl-nav .owl-next{ color: #ffffff; }
#home5-testimonialSlider .owl-nav .owl-prev i, #home5-testimonialSlider .owl-nav .owl-next i{ font-size: 24px; }

.home5-newsletter{ background-image: url(../images/home5-newsletterBg.jpg); background-position: center center; background-color: #404856; padding: 60px 0px 100px; }
.home5-newsletter-input { background-color: #ffffff; border-radius: 10px 0px 0px 10px; border: 0px; font-size: 16px; height: 54px; padding-left: 25px; }
.home5-newsletter-input-btn { background-color: #111111; border-radius: 0px 10px 10px 0px; border: 0px; font-size: 16px; color: #ffffff; padding-left: 20px; padding-right: 20px; }
.home5-newsletter-input-btn:hover, .home5-newsletter-input-btn:focus { background-color: #d40323 !important; outline: none !important; box-shadow: none !important; }

.home5-twiterSliderBox:before{ border-radius: 0px 10px 0px 0px !important; }

.home5-brand-logo-infinite { position: relative; z-index: 5; }
.home5-brand-logo-infinite:before { content: ""; position: absolute; left: -15px; top: 0px; bottom: 0px; width: 80px; height: 100%; 
    background: -moz-linear-gradient(left,  rgba(212,3,35,1) 15%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(212,3,35,1) 15%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(212,3,35,1) 15%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40323', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.home5-brand-logo-infinite:after { content: ""; position: absolute; right: -15px; top: 0px; bottom: 0px; width: 80px; height: 100%;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(212,3,35,1) 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(212,3,35,1) 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(212,3,35,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d40323',GradientType=1 ); /* IE6-9 */
}
.home5-brandLogo-main{ overflow: hidden; white-space: nowrap; position: relative; min-height: 200px; z-index: -1; }
.home5-brandLogo1 { display: block; animation: marquee 13s linear infinite; animation-delay: 0s; }
.home5-brandLogo2 { display: block; animation: marquee2 12s linear infinite; animation-delay: 0s; }
.home5-brandLogo3 { display: block; animation: marquee3 14s linear infinite; animation-delay: 0s; }
@keyframes marquee {
    from { transform: translateX(100%); }
    to { transform: translateX(-130%); }
}
@keyframes marquee2 {
    from { transform: translateX(100%); }
    to { transform: translateX(-130%); }
}
@keyframes marquee3 {
    from { transform: translateX(100%); }
    to { transform: translateX(-130%); }
}
/*-- Home Page 5 End --*/


/*-- Home Page 6 Start --*/
.home6-btn1{ background-color: #ffffff; color: #000000; font-weight: bold; font-size: 13px; letter-spacing: 1px; width: 100%; max-width: 160px; border-radius: 30px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; border: 0px; padding-top: 14px; padding-bottom: 14px; }
.home6-btn1:hover, .home5-btn1:focus { background-color: #d40323; color: #ffffff; }

.home6-btn2{ background-color: #d40323; color: #ffffff; font-weight: bold; font-size: 13px; letter-spacing: 1px; width: 100%; max-width: 160px; border-radius: 30px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; border: 0px; padding-top: 14px; padding-bottom: 14px; }
.home6-btn2:hover, .home5-btn2:focus { background-color: #111111; color: #ffffff; }

/*home6 slider*/
.home6slider{ position: relative; z-index: 1; overflow: hidden; height: 100vh; }
.home6slider ol.carousel-indicators { position: absolute; bottom: 40px; margin: auto; height: 20px; right: 0px; left: 0px; width: auto; }
.home6slider .carousel-indicators li{ width: 16px; height: 16px; border-radius: 50%; border: 0px; box-shadow: none; background-color: rgba(255, 255, 255, 0.5); margin: 5px; }
.home6slider .carousel-indicators li:hover{ background-color: rgba(255, 255, 255, 0.9); }
.home6slider .carousel-indicators li.active{ box-shadow: 0px 0px 0px 2px #ffffff; background-color: #ffffff; border: solid 4px transparent; width: 8px; height: 8px; }

.home6slider .carousel-inner{ height: 100%; }
.home6slider .carousel-inner .carousel-item{ height: 100%; }

.home6sliderImage{ width: 100% !important; height: 100%; object-fit: cover; }

.home6slider .carousel-caption{ top: 0px; bottom: 0px; text-align: center; display: flex; flex-direction: column; justify-content: center; max-width: 770px; margin: 0px auto; }
.home6slider .carousel-caption h1{ font-size: 60px; line-height: normal; padding-bottom: 30px; text-transform: capitalize; }
.home6slider .carousel-caption h1 small{ font-size: 20px; padding-top: 12px; padding-bottom: 25px; text-transform: uppercase; display: block; width: 100%; position: relative; }
.home6slider .carousel-caption h1 small:before{ position: absolute; left: 0px; right: 0px; top: 0px; content: ""; width: 40px; height: 3px; background-color: #d40323; margin: 0px auto; }
.home6slider-twoPart{ margin-top: 40px; }
.home6slider-twoPart-title{ display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 15px; }

.home6slider .carousel-control-next, .home6slider .carousel-control-prev{ background-color: transparent; border: 0px; width: auto; padding: 0px 60px; }
.home6slider .carousel-control-prev-icon, .home6slider .carousel-control-next-icon{ background: none; font-size: 40px; color: #ffffff; width: auto; height: auto; }
/*home6 slider end*/

.home6-comonTitleOne{ font-family: 'Avenir LT Std 65'; font-weight: 900; font-size: 40px; color: #111111; padding-bottom: 20px;}
.home6-comonTitleOne small{ font-family: 'Avenir LT Std 55 Roman'; font-weight: normal !important; font-size: 20px; color: #404856; text-transform: uppercase; display: block; padding: 15px 0px; position: relative; }
.home6-comonTitleOne small:before{ position: absolute; left: 0px; right: 0px; top: 0px; content: ""; width: 40px; height: 3px; background-color: #d40323; }

.home6-comonTitleOne.center{ text-align: center; }
.home6-comonTitleOne.center small:before { margin: 0px auto; }

.home6-about-company{ padding: 110px 0px 190px; }

.home6-grayBg{ background-color: #f3f3f4; position: relative; }
.home6-grayBg2{ background-color: #eeeeee; position: relative; padding-bottom: 60px; }

.home6-digitalMarketing{ position: relative; top: -80px; background-color: #3f3f3f; box-shadow: 0px 10px 30px rgba(38, 58, 78, 0.3); }
.home6-digitalMarketing:before { position: absolute; left: auto; right: 0px; background-color: #d90627; width: 50%; height: 100%; content: ""; }
.home6-digitalMarketingBox{ color: #ffffff; padding: 40px; max-width: 500px; }
.home6-digitalMarketingBoxTitle{ font-size: 26px; color: #ffffff; padding-bottom: 10px; }
.home6-digitalMarketingBoxIcon{ margin-right: 25px; }

.home6-fourPoint{ padding: 0px 0px 100px 0px; }
.home6-fourPointBox{ background-color: #ffffff; padding: 50px 30px; transition: all 300ms; height: 100%; }
.home6-fourPointBoxIcon{ min-height: 78px; }
.home6-fourPointBoxTitle{ font-size: 18px; padding-bottom: 15px; position: relative; padding-left: 21px; color: #111111; transition: all 300ms; }
.home6-fourPointBoxTitle:before { content: ""; position: absolute; left: 0px; top: 7px; width: 13px; height: 13px; border-top: solid 3px #d40323; border-bottom: solid 3px #d40323; transition: all 300ms; }
.home6-fourPointBoxMore{ font-size: 14px; width: 33px; height: 33px; border-radius: 50%; background-color: #f3f3f4; color: #666666; display: flex; align-items: center; justify-content: center; transition: all 300ms; }
.home6-fourPointBox:hover { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
.home6-fourPointBox:hover .home6-fourPointBoxMore{ background-color: #d40323; color: #ffffff; }
.home6-fourPointBox:hover .home6-fourPointBoxTitle{ color: #d40323; }
.home6-fourPointBox:hover .home6-fourPointBoxTitle:before { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); border-color: #111111; }

.home6-ourServices{ padding: 0px 0px 100px 0px; }
.home6-ourServicesSliderMain{ padding: 40px 60px 0px; }
.home6-ourServicesBox{ background-color: #ffffff; height: 422px; position: relative; }
.home6-ourServicesBox-image{ width: 100%; height: 100%; object-fit: cover; }
.home6-ourServicesBoxLabel{ background-color: #f5f5f5; border-radius: 4px; padding: 28px; font-size: 22px; color: #111111; font-family: 'Avenir LT Std 65'; font-weight: 900; text-transform: uppercase; margin: 20px; position: absolute; bottom: 0px; width: calc(100% - 40px); transition: all 250ms; }
.home6-ourServicesBoxLabel small{ font-size: 14px; color: #d40323; font-family: 'Avenir LT Std 55 Roman'; font-weight: bold !important; display: block; padding-bottom: 0px; transition: all 250ms; }
.home6-ourServicesBox:hover .home6-ourServicesBoxLabel { background-color: #d40323; color: #ffffff; }
.home6-ourServicesBox:hover .home6-ourServicesBoxLabel small { color: #ffffff; }

.home6-ourWorks-main{ background-image: url(../images/wall-pet.jpg); background-repeat: repeat; background-attachment: fixed; color: #ffffff; padding-top: 100px; }
.home6-ourWorks{ padding-top: 50px; }
.home6-ourWorksBox{ padding-top: 100%; position: relative; }
.home6-ourWorksBoxImage{ position: absolute; top: 0px; left: 0px; object-fit: cover; height: 100%; width: 100%; }
.home6-ourWorksCol{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
.home6-ourWorksBoxOverly{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; opacity: 0; transition: all 250ms; }
.home6-ourWorksBox:hover .home6-ourWorksBoxOverly{ background-color: rgba(232, 27, 27, 0.8); width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 22px; font-family: 'Avenir LT Std 65'; font-weight: 500; color: #ffffff; opacity: 1; left: 0px; right: 0px; top: 0px; bottom: 0px; transition: all 250ms; }
.home6-ourWorksCol:last-child .home6-ourWorksBox .home6-ourWorksBoxOverly { background-color: #3f3f3f; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; opacity: 1; font-size: 22px; font-family: 'Avenir LT Std 65'; font-weight: 500; color: #ffffff; }
.home6-ourWorksCol:last-child .home6-ourWorksBox .home6-ourWorksBoxOverly:hover { background-color: #ffffff; color: #111111 !important; }
.home6-ourWorksCol:last-child .home6-ourWorksBox .home6-ourWorksBoxOverly:hover a { color: #d40323 !important; }

.home6-link1{ font-size: 13px; font-family: 'Avenir LT Std 65'; font-weight: 900; text-transform: uppercase; color: #ffffff !important; letter-spacing: 1px; }

.home6-ourTeam{ padding: 120px 0px 220px; }
.home6-ourTeamBox{ border-radius: 6px; overflow: hidden; position: relative; }
.home6-ourTeamBoxImage{ width: 100%; height: 100%; object-fit: cover; }
.home6-ourTeamBoxOverly{ position: absolute; left: 20px; right: 20px; bottom: -150px; background-color: #3f3f3f;  border-radius: 4px; border-left: solid 4px #d40323; padding: 20px; opacity: 0; transition: all 300ms; font-family: 'Avenir LT Std 65'; font-size: 22px; font-weight: 900; color: #ffffff; }
.home6-ourTeamBox:hover .home6-ourTeamBoxOverly{ opacity: 1; bottom: 20px; }

.home6-counter{ background-image: url(../images/home6-counterbg.jpg); background-repeat: no-repeat; background-size: cover; padding: 60px 50px; position: relative; top: -100px; color: #ffffff; box-shadow: 0px 10px 30px rgba(38, 58, 78, 0.4); }
.home6-counterNomber{ font-family: 'Avenir LT Std 65'; font-weight: 900 !important; color: #ffffff; font-size: 50px; line-height: normal; }
.home6-counter-icon{ margin: 15px 15px 0px 0px; }
.home6-counterNomber-plus{ top: -.3em; }

.home6-testimonials{ background-image: url(../images/home6-testimonials-map.png); background-repeat: no-repeat; background-position: center bottom; padding: 20px 0px 50px 0px; }
.home6-testimonialsBox{ background-color: #ffffff; padding: 60px; border-left: solid 4px #d40323; }
.home6-testimonials-people{ width: 80px !important; height: 80px; object-fit: cover; border-radius: 50%; margin: 0px 20px 0px 0px; }
.home6-testimonialsBoxData{ padding-right: 50px; position: relative; }
.home6-testimonialsBoxData:before{ position: absolute; right: 0px; font-family: "Font Awesome 5 Free"; font-weight: bold !important; content: "\f10d"; font-size: 40px; color: #d40323; line-height: normal; }
#home6-testimonialsCarousel{ margin-top: 40px; }

.home6-newsletter{ background-color: #323232; padding: 50px 0px; }
.home6-newsletter-input-group { background-color: #ffffff; border-radius: 8px; overflow: hidden; padding-right: 15px; }
.home6-newsletter-input { background-color: transparent; border-radius: 0px; border: 0px; font-size: 16px; height: 70px; padding-left: 25px; }
.home6-newsletter-input-btn { background-color: #d40323; border-radius: 30px !important; border: 0px; font-size: 13px; color: #ffffff; padding-left: 20px; padding-right: 20px; min-height: 48px; text-transform: uppercase; letter-spacing: 1px; }
.home6-newsletter-input-btn:hover, .home6-newsletter-input-btn:focus { background-color: #d40323 !important; outline: none !important; box-shadow: none !important; }

.gray2 { color: #bbbbbb !important; }

.home6-footer{ background-color: #3f3f3f; padding-top: 50px; font-size: 18px; color: #ffffff; }
.home6-footer-title{ font-size: 20px; position: relative; padding-bottom: 15px; margin-bottom: 25px; }
.home6-footer-title:before { content: ""; width: 40px; height: 3px; border-bottom: solid #e81b1b; position: absolute; bottom: 0px; }
.home6-footer-contain{ font-size: 18px; color: #ffffff; line-height: 1.4; }
.home6-footer-nav{ padding: 0px 20px 20px 0px; width: 50%; }
.home6-footer-navlink{ color: #ffffff; font-family: 'Avenir LT Std 65'; font-weight: 500; position: relative; display: block; line-height: normal; padding: 0px 0px 0px 30px; }
.home6-footer-navlink:before{ content: ""; position: absolute; left: 0px; top: 10px; width: 15px; height: 2px; background-color: #797979; transition: all 250ms; }
.home6-footer-navlink:hover:before{ width: 22px; background-color: #ffffff; }
.home6-footer-contact{ border-bottom: solid 1px #656565; padding-bottom: 18px; margin-bottom: 18px; font-family: 'Avenir LT Std 65'; font-weight: 500 !important; color: #ffffff; }
.home6-footer-contact:last-child{ border-bottom: 0px; margin-bottom: 0px; }
.home6-footer-contact-icon{ width: 35px; color: #d40323; display: inline-block; }
.home6-copyright{ border-top: solid 1px #535353; padding: 30px 0px; margin-top: 40px; }
.home6-copyright-link-main{ text-align: right; }
.home6-copyright-link{ width: 40px; height: 40px; background-color: #5e5d5d; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: #ffffff; margin-left: 10px; }
.home6-copyright-link:hover, .home6-copyright-link:focus{ background-color: #d40323; color: #ffffff; }


/*-- Home Page 7 Start --*/
.home7{ font-family: 'Verdana'; }
.home7 p{ font-family: 'Verdana'; font-weight: 400; }

.font10 { font-family: 'Verdana'; }
.merriweather-light{ font-family: 'Verdana', sans-serif; font-weight: 300 !important; }
.merriweather-regular{ font-family: 'Verdana', sans-serif; font-weight: 400 !important; }
.merriweather-medium{ font-family: 'Verdana', sans-serif; font-weight: 500 !important; }
.merriweather-semi-bold{ font-family: 'Verdana', sans-serif; font-weight: 600 !important; }
.merriweather-bold{ font-family: 'Verdana', sans-serif; font-weight: 700 !important; }
.merriweather-extra-bold{ font-family: 'Verdana', sans-serif; font-weight: 800 !important; }

.home7-btn1{ background-color: #d40323; color: #ffffff; font-weight: bold; font-size: 14px; letter-spacing: 1px; width: 100%; max-width: 160px; border-radius: 30px; text-transform: uppercase; border: solid 2px #d40323; padding-top: 12px; padding-bottom: 12px; }
.home7-btn1:hover, .home7-btn1:focus { background-color: transparent; color: #d40323; }

.home7-btn2{ background-color: #111111; color: #ffffff; font-weight: bold; font-size: 13px; letter-spacing: 1px; border-radius: 30px; text-transform: uppercase; border: solid 2px #111111; padding: 9px 24px; }
.home7-btn2:hover, .home7-btn2:focus { background-color: transparent; color: #111111; }

/*home7 slider*/
.home7slider{ position: relative; z-index: 1; overflow: hidden; height: 100vh; }

.home7slider .carousel-inner{ height: 100%; }
.home7slider .carousel-inner .carousel-item{ height: 100%; }
.home7sliderImage{ width: 100% !important; height: 100%; object-fit: cover; }
.home7slider .carousel-caption{ top: 160px; bottom: 0px; display: flex; flex-direction: column; justify-content: center; text-align: left; left: auto; right: auto; max-width: 670px; }
.home7slider .carousel-caption h1{ font-size: 15px; line-height: normal; padding-bottom: 20px; font-weight: 800; }
.home7slider .carousel-caption h1 small{ font-size: 15px; padding-top: 20px; display: block; width: 100%; }
.home7slider .carousel-control-next, .home7slider .carousel-control-prev{ background-color: transparent; border: 0px; width: auto; padding: 0px 45px; }
.home7slider .carousel-control-prev-icon, .home7slider .carousel-control-next-icon{ font-size: 24px; color: #ffffff; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; background-image: none; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; }
/*home7 slider end*/


.home7slider .carousel-inner .carousel-item.active .home7sliderImage{ -webkit-transform: scale(1.15); transform: scale(1.15); -webkit-transition: all 7000ms linear; transition: all 7000ms linear; }
.home7-perfectSolutions{ padding: 100px 0px; background-image: url(../images/home7-perfectSolutionsBg.jpg); background-repeat: no-repeat; background-size: cover; }

.home7-comonTitleOne{ font-size: 30px; color: #111111; padding-bottom: 20px; }

.home7-about-company{ padding: 120px 0px; }

.home7-perfectSolutionsBox { background-color: #121212; height: 260px; border-radius: 14px; box-shadow: inset 0px 0px 0px 1px #272724; border: solid 10px #121212; padding: 26px; color: #ffffff; position: relative;
    display: -ms-flexbox !important; display: flex !important; -ms-flex-align: start !important; align-items: flex-start !important; -ms-flex-direction: column !important; flex-direction: column !important; transition: all 500ms ease; overflow: hidden;
}
.home7-perfectSolutionsBox:before{
    position: absolute; left: 22px; top: 20px; font-size: 46px; line-height: normal; color: rgba(255, 255, 255, 0.2);
    counter-increment: section; content: "0" counter(section)"";
}
.home7-perfectSolutionsBox:after{ 
    background-color: rgba(0, 0, 0, 0.1); width: 0px; height: 150px; content: ""; position: absolute; right: 0px; bottom: 0px; 
    -webkit-transform: skewX(0deg) scaleX(1); transform: skewX(0deg) scaleX(1); transition: all 500ms ease; 
}
.home7-perfectSolutionsBox:hover { background-color: #d40323; box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3); border: solid 10px #d40323; }
.home7-perfectSolutionsBox:hover:after{ -webkit-transform: skewX(-26deg) scaleX(1); transform: skewX(-26deg) scaleX(1); width: 130px; right: -95px; }
.home7-perfectSolutionsBox-icon{ margin-bottom: auto; margin-left: auto; transition: all 500ms ease; }
.home7-perfectSolutionsBox-text{ font-size: 18px; text-transform: uppercase; max-width: 150px; width: 100%; transition: all 500ms ease; }
.home7-perfectSolutionsBox:hover .home7-perfectSolutionsBox-icon{ filter: gray; -webkit-filter: grayscale(100%); }

.home7-comonTitleOne{ font-family: 'Merriweather Sans', sans-serif; font-weight: 800; font-size: 50px; color: #111111; padding-bottom: 20px;}

.home6-comonTitleOne.center{ text-align: center; }
.home6-comonTitleOne.center small:before { margin: 0px auto; }

.home7-itSolutions{ background-image: url(../images/home7-itSolutionsBg.gif); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 120px 0px; }

.home7-itSolutionsBox { background-color: #ffffff; height: 280px; border-radius: 14px; box-shadow: 0px 2px 12px rgba(102, 102, 102, 0.3); border: solid 10px #ffffff; padding: 26px 22px; color: #111111; position: relative;
    display: -ms-flexbox !important; display: flex !important; -ms-flex-align: start !important; align-items: flex-start !important; -ms-flex-direction: column !important; flex-direction: column !important; transition: all 500ms ease; overflow: hidden;
}
.home7-itSolutionsBox *{ position: relative; }
.home7-itSolutionsBox:before{ content: ""; width: 100%; height: 100%; box-shadow: inset 0px 0px 0px 1px #eeeeee; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; border-radius: 4px; transition: all 500ms ease; }
.home7-itSolutionsBox:after{ background-color: #eeeeee; width: 130px; height: 150px; content: ""; position: absolute; right: -95px; bottom: 0px; transition: all 500ms ease; -webkit-transform: skewX(-26deg) scaleX(1); transform: skewX(-26deg) scaleX(1); }
.home7-itSolutionsBox:hover:after{ background-color: #d40323; }
.home7-itSolutionsBox-icon{ margin-bottom: auto; margin-right: auto; transition: all 500ms ease; }
.home7-itSolutionsBox:hover .home7-itSolutionsBox-icon{ filter: gray; -webkit-filter: grayscale(100%); }
.home7-itSolutionsBox-text{ font-size: 20px; text-transform: capitalize; max-width: 170px; width: 100%; transition: all 500ms ease; z-index: 1; }

.home7-workShowcase{ padding: 110px 0px; }

.home7-galleryGrid{ margin-right: -15px; margin-left: -15px; }
.home7-galleryGrid .element-item{ padding: 10px; }

.home7-galleryImage { border-radius: 8px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); }

.home7-workShowcaseBtn { background-color: transparent; color: #444444; font-size: 16px; border-radius: 30px; text-transform: uppercase; padding: 6px 16px; margin: 3px 2px; border: 0px; }
.home7-workShowcaseBtn:hover, .home7-workShowcaseBtn:active, .home7-workShowcaseBtn.is-checked { background-color: #d40323; color: #ffffff; }


.home7-dotPattern{ background-color: #f5f5f5; background-image: url(../images/home7-dotPattern.gif); background-repeat: repeat; background-position: left top; position: relative; padding-bottom: 100px; }
.home7-dotPattern:before{ content: ""; background-color: #ffffff; position: absolute; left: 0px; right: 0px; top: 0px; min-height: 310px; }

.home7-videoPart{ background-image: url(../images/home7-videoPartBg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; margin-bottom: 130px; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.3); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.home7-video{  
    background-color: #d40323; box-shadow: 0px 0px 0px 44px rgba(0, 0, 0, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative;
    color: #ffffff; padding: 40px; min-width: 490px; min-height: 490px; font-weight: 800 !important; font-size: 40px; text-align: center; margin: 15px;
}
.home7-videoPlay {
    width: 100px; height: 100px; border-radius: 50%; position: absolute; right: 10px; bottom: 40px;
    background-color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer;
    box-shadow: 0 0 0 rgba(255,255,255, 0.8); animation: home7-videoPlay 2s infinite;
}
@-webkit-keyframes home7-videoPlay {
    0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8); }
    70% { -webkit-box-shadow: 0 0 0 20px rgba(255,255,255, 0); }
    100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0); }
}
@keyframes home7-videoPlay {
    0% {  -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8); box-shadow: 0 0 0 0 rgba(255,255,255, 0.8); }
    70% { -moz-box-shadow: 0 0 0 20px rgba(255,255,255, 0); box-shadow: 0 0 0 20px rgba(255,255,255, 0); }
    100% { -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0); box-shadow: 0 0 0 0 rgba(255,255,255, 0); }
}
.home7-videoPlay-icon{ color: #000000; font-size: 20px; }

.home7-faqsLeft {  }
.home7-faq-thumbsm { margin: 0px 30px 20px 0px; width: 170px; }
.home7-faq-thumbsm img{ border-radius: 8px; width: 100%; object-fit: cover; }
.home7-faqsLeftText{ font-size: 16px; color: #444444; font-weight: 300 !important; max-width: 270px; line-height: 1.8; }

.home7-faqs{ background-color: #ffffff; margin-bottom: 15px; border-radius: 8px; padding: 0px 28px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1); }
.home7-faqsTitle { cursor: pointer; font-family: 'Merriweather Sans', sans-serif; color: #111111; font-size: 18px; font-weight: 500; padding: 28px 0px; padding-right: 25px; line-height: normal; position: relative; }
.home7-faqsTitle:before { font-family: "Font Awesome 5 Free"; content: "\f068"; font-weight: bold; color: #d40323; position: absolute; right: 0px; top: 30px; line-height: normal; }
.home7-faqsTitle.collapsed:before { content: "\f067"; }
.home7-faqsData{ padding-bottom: 28px; font-family: 'Merriweather Sans', sans-serif; color: #444444; font-size: 16px; font-weight: 300; }

.home7-counter{ padding: 80px 0px; background-color: #ffffff; text-align: center; }
.home7-counterBox{ width: 250px; height: 250px; border-radius: 50%; border: solid 13px #ffffff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0px auto; }
.home7-counterBox *{ position: relative; }
.home7-counterBox:before{ box-shadow: inset 0px 0px 0px 6px #aac6eb; content: ""; position: absolute; left: -2px; right: -2px; top: -2px; bottom: -2px; border-radius: 50%; }
.home7-counter-icon{ margin: 0px 0px 10px 0px; height: 48px; }
.home7-counterNomber { font-family: 'Merriweather Sans', sans-serif !important; font-weight: 500 !important; color: #111111; font-size: 40px; line-height: normal; }
.home7-counterNomber-plus{ top: -.1em; font-size: 28px; color: #111111; }
.home7-counterBox.home7-counterTwo:before{ box-shadow: inset 0px 0px 0px 6px #ebd3aa !important; }
.home7-counterBox.home7-counterThree:before{ box-shadow: inset 0px 0px 0px 6px #aaebda !important; }
.home7-counterBox.home7-counterFour:before{ box-shadow: inset 0px 0px 0px 6px #ebaac0 !important;  }

.home7-brandLogo{ background-color: #f5f5f5; border-top: solid 1px #eeeeee; padding: 45px 0px; text-align: center; }
.home7-brandLogoBox{ min-height: 80px; display: flex; align-items: center; justify-content: center; opacity: 0.8; }
.home7-brandLogoBoxImage{ width: auto !important; }

#home7-brandLogoCarousel{ padding-left: 100px; padding-right: 100px; max-width: 1080px; margin: 0px auto; }
#home7-brandLogoCarousel .owl-nav .owl-prev, #home7-brandLogoCarousel .owl-nav .owl-next{ position: absolute; top: 25%; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #000000; background-color: #ffffff; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); font-size: 20px; transition: all 250ms; }
#home7-brandLogoCarousel .owl-nav .owl-prev:hover, #home7-brandLogoCarousel .owl-nav .owl-next:hover { background-color: #000000; color: #ffffff; }
#home7-brandLogoCarousel .owl-nav .owl-prev{ left: 0px; }
#home7-brandLogoCarousel .owl-nav .owl-next{ right: 0px; }

.home7-footerLogo{ background-color: #1c1c1c; display: flex; align-items: center; justify-content: center; margin-right: 50px; padding: 70px 20px; }
.home7-footer-title{ font-size: 20px; padding-bottom: 25px; }
.home7-footer-titleIcon{ display: block; font-size: 18px; color: #d40323; padding-bottom: 5px; }
.home7-footer-contain { font-size: 16px; color: #ffffff; line-height: 1.4; }
.home7-footer-nav{ padding-top: 20px; display: flex; flex-wrap: wrap; justify-content: center; }
.home7-footer-item{ padding: 0px 20px; }
.home7-footer-link{ color: #ffffff; font-size: 18px; font-family: 'Merriweather Sans', sans-serif !important; font-weight: 300 !important; }
.home7-footer{ background-color: #121212; font-size: 18px; color: #ffffff; }
.home7-copyright{ padding: 50px 0px 40px; text-align: center; font-size: 14px; }
.home7-copyright-link-main{ padding-bottom: 30px; }
.home7-copyright-link{ width: 36px; height: 36px; background-color: #5e5d5d; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; color: #ffffff; margin: 0px 5px; }
.home7-copyright-link:hover, .home7-copyright-link:focus{ background-color: #d40323; color: #ffffff; }
/*-- Home Page 7 End --*/

.facebook{ background-color: #3b5998 !important; }
.twitter{ background-color: #55acee !important; }
.google{ background-color: #dc4e41 !important; }
.instagram{ background-color: #6a453b !important; }




.tabs {
 
}
.tabs input[name="tab-control"] {
  display: none;
}
.tabs .content section h2,
.tabs ul li label {
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 15px;
  color: #D40323;
}
.tabs ul {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.tabs ul li {
  box-sizing: border-box;
  flex: 1;
  width: 25%;
  padding: 0 10px;
  text-align: center;
}
.tabs ul li label {
  transition: all 0.3s ease-in-out;
  color: #929daf;
  background: #F8F8F8;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
  -webkit-touch-callout: none;
}
.tabs ul li label br {
  display: none;
}
.tabs ul li label svg {
  fill: #929daf;
  height: 1.2em;
  vertical-align: bottom;
  margin-right: 0.2em;
  transition: all 0.2s ease-in-out;
}
.tabs ul li label:hover,
.tabs ul li label:focus,
.tabs ul li label:active {
  outline: 0;
  color: #bec5cf;
}
.tabs ul li label:hover svg,
.tabs ul li label:focus svg,
.tabs ul li label:active svg {
  fill: #bec5cf;
}
.tabs .slider {
  position: relative;
  width: 25%;
  transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}
.tabs .slider .indicator {
  position: relative;
  width: 50px;
  max-width: 100%;
  margin: 0 auto;
  height: 4px;
  background: #D40323;
  border-radius: 1px;
}
.tabs .content {
  margin-top: 30px;
}
.tabs .content section {
  display: none;
  animation-name: content;
  animation-direction: normal;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  line-height: 1.4;
}
.tabs .content section h2 {
  color: #D40323;
  display: none;
}
.tabs .content section h2::after {
  content: "";
  position: relative;
  display: block;
  width: 30px;
  height: 3px;
  background: #D40323;
  margin-top: 5px;
  left: 1px;
}
.tabs
  input[name="tab-control"]:nth-of-type(1):checked
  ~ ul
  > li:nth-child(1)
  > label {
  cursor: default;
  color: #D40323;
  background:#F4F3F3;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 10px;
	  
}
.tabs
  input[name="tab-control"]:nth-of-type(1):checked
  ~ ul
  > li:nth-child(1)
  > label
  svg {
  fill: #D40323;
}
@media (max-width: 600px) {
  .tabs
    input[name="tab-control"]:nth-of-type(1):checked
    ~ ul
    > li:nth-child(1)
    > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
  transform: translateX(0%);
}
.tabs
  input[name="tab-control"]:nth-of-type(1):checked
  ~ .content
  > section:nth-child(1) {
  display: block;
}
.tabs
  input[name="tab-control"]:nth-of-type(2):checked
  ~ ul
  > li:nth-child(2)
  > label {
  cursor: default;
  color: #D40323;
   background:#F4F3F3;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 10px;
}
.tabs
  input[name="tab-control"]:nth-of-type(2):checked
  ~ ul
  > li:nth-child(2)
  > label
  svg {
  fill: #D40323;
}
@media (max-width: 600px) {
  .tabs
    input[name="tab-control"]:nth-of-type(2):checked
    ~ ul
    > li:nth-child(2)
    > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
  transform: translateX(50%);
}
.tabs
  input[name="tab-control"]:nth-of-type(2):checked
  ~ .content
  > section:nth-child(2) {
  display: block;
}
.tabs
  input[name="tab-control"]:nth-of-type(3):checked
  ~ ul
  > li:nth-child(3)
  > label {
  cursor: default;
  color: #D40323;
   background:#F4F3F3;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 10px;
}
.tabs
  input[name="tab-control"]:nth-of-type(3):checked
  ~ ul
  > li:nth-child(3)
  > label
  svg {
  fill: #D40323;
}
@media (max-width: 600px) {
  .tabs
    input[name="tab-control"]:nth-of-type(3):checked
    ~ ul
    > li:nth-child(3)
    > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
  transform: translateX(110%);
}
.tabs
  input[name="tab-control"]:nth-of-type(3):checked
  ~ .content
  > section:nth-child(3) {
  display: block;
}
.tabs
  input[name="tab-control"]:nth-of-type(4):checked
  ~ ul
  > li:nth-child(4)
  > label {
  cursor: default;
  color: #D40323;
   background:#F4F3F3;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 10px;
}
.tabs
  input[name="tab-control"]:nth-of-type(4):checked
  ~ ul
  > li:nth-child(4)
  > label
  svg {
  fill: #D40323;
}
@media (max-width: 600px) {
  .tabs
    input[name="tab-control"]:nth-of-type(4):checked
    ~ ul
    > li:nth-child(4)
    > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
  transform: translateX(175%);
}
.tabs
  input[name="tab-control"]:nth-of-type(4):checked
  ~ .content
  > section:nth-child(4) {
  display: block;
}
.tabs
  input[name="tab-control"]:nth-of-type(5):checked
  ~ ul
  > li:nth-child(5)
  > label {
  cursor: default;
  color: #D40323;
   background:#F4F3F3;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 10px;
}
.tabs
  input[name="tab-control"]:nth-of-type(5):checked
  ~ ul
  > li:nth-child(5)
  > label
  svg {
  fill: #D40323;
}
@media (max-width: 600px) {
  .tabs
    input[name="tab-control"]:nth-of-type(5):checked
    ~ ul
    > li:nth-child(5)
    > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(5):checked ~ .slider {
  transform: translateX(240%);
}
.tabs
  input[name="tab-control"]:nth-of-type(5):checked
  ~ .content
  > section:nth-child(5) {
  display: block;
}



.tabs
  input[name="tab-control"]:nth-of-type(6):checked
  ~ ul
  > li:nth-child(6)
  > label {
  cursor: default;
  color: #D40323;
   background:#F4F3F3;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 10px;
}
.tabs
  input[name="tab-control"]:nth-of-type(6):checked
  ~ ul
  > li:nth-child(6)
  > label
  svg {
  fill: #D40323;
}
@media (max-width: 600px) {
  .tabs
    input[name="tab-control"]:nth-of-type(6):checked
    ~ ul
    > li:nth-child(6)
    > label {
    background: rgba(0, 0, 0, 0.08);
  }
}
.tabs input[name="tab-control"]:nth-of-type(6):checked ~ .slider {
  transform: translateX(300%);
}
.tabs
  input[name="tab-control"]:nth-of-type(6):checked
  ~ .content
  > section:nth-child(6) {
  display: block;
}






@keyframes content {
  from {
    opacity: 0;
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@media (max-width: 1000px) {
  .tabs ul li label {
    white-space: initial;
  }
  .tabs ul li label br {
    display: initial;
  }
  .tabs ul li label svg {
    height: 1.5em;
  }
}
@media (max-width: 600px) {
  .tabs ul li label {
    padding: 5px;
    border-radius: 5px;
  }
  .tabs ul li label span {
    display: none;
  }
  .tabs .slider {
    display: none;
  }
  .tabs .content {
    margin-top: 20px;
  }
  .tabs .content section h2 {
    display: block;
  }
}


/*
font-family: 'Merriweather Sans', sans-serif;
Light 300
Regular 400
Medium 500
Semi-bold 600
Bold 700
Extra-bold 800
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}
/*Cards*/
.container-card{
	width: 100%;
	display: flex;
	max-width: 1100px;
	margin: auto;
}
.title-cards{
	width: 100%;
	max-width: 1080px;
	margin: auto;
	padding: 20px;
	margin-top: 20px;
	text-align: center;
	color: #7a7a7a;
}
.card{
	width: 88%; 
	margin: 25px;
	border-radius: 6px;
	overflow: hidden;
	background:#fff;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
	transition: all 400ms ease-out;
	cursor: default;
	
}
.card:hover{
	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
	transform: translateY(-3%);
}
.card img{
	width: 100%;
	height: 130px;
}
.card .contenido-card{
	padding: 15px;
	text-align: center;
}
.card .contenido-card h3{
	margin-bottom: 11px;
	color: #7a7a7a;
}
.card .contenido-card p{
	line-height: 1.8;
	color: #6a6a6a;
	font-size: 14px;
	margin-bottom: 5px;
}
.card .contenido-card a{
	display: inline-block;
	padding: 10px;
	margin-top: 10px;
	text-decoration: none;
	color: #D40323;
	border: 1px solid #D40323;
	border-radius: 4px;
	transition: all 400ms ease;
	margin-bottom: 5px;
}
.card .contenido-card a:hover{
	background: #D40323;
	color: #fff;
}
@media only screen and (min-width:320px) and (max-width:768px){
	


	
}
/*Fin-Cards*/


.titulocard{
	font-size: 18px;
}