html{scroll-behavior: smooth;}

body {color: #000; overflow-x: hidden;font-family: 'Helvetica';}

a{color:#000; display: inline-block;text-decoration: none; transition: all 0.4s;}

a:hover{ color:#142364;}

span{display: inline-block;}

img{ max-width: 100%; transition: all 0.4s;}

figure{ margin-bottom:0px;} 

ul { padding:0px; margin:0px; }

li { list-style:none; }

p { font-size:17px; margin-bottom:0; color:#101010; line-height:1.7; }

.heading h2 { padding-bottom: 30px; margin: 0; font-size: 36px; color: #313f76; font-weight: bold;}

.heading h2 span { font-weight: 100;}

.abt-left-cont .heading h2 span {font-weight: 400;}

.banner-sld-con-in h1 span { display:block; }

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');


/*menu and content fonts start*/

@font-face {
    font-family: 'Helvetica';
    src: url('../webfonts/Helvetica.woff2') format('woff2'),
        url('../webfonts/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../webfonts/Helvetica-Bold.woff2') format('woff2'),
        url('../webfonts/Helvetica-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../webfonts/Helvetica-Light.woff2') format('woff2'),
        url('../webfonts/Helvetica-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



/*main banner heading font*/



@font-face {
    font-family: 'KyivType Sans Black3';
    src: url('../webfonts/KyivTypeSans-Black3.woff2') format('woff2'),
        url('../webfonts/KyivTypeSans-Black3.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



h1 { font-size: 48px; text-transform: uppercase; color: #fff; margin-bottom: 0px; line-height: 1.5; font-family: 'KyivType Sans Black3'; font-weight: bold;}



@keyframes navbarFixed {

    0% {

        opacity          : 0;

        -webkit-transform: translateY(-100%);

        transform        : translateY(-100%);

    }

    100% {

        opacity          : 1;

        -webkit-transform: translateY(0);

        transform        : translateY(0);

    }

}



header.sticky { position: fixed; box-shadow: 0px 15px 10px -15px rgb(46, 45, 45); width: 100%;transition: all 0.4s ease-in-out 0s; z-index: 999; top: 0px; -webkit-animation: navbarFixed 0.8s; animation: navbarFixed 0.8s; background: #fff;}

.body_fixed{ position: fixed; top: 0px; left: 0px; width:100%;}

.inner-header {
    position: initial;
}

/* header top */

header ul{margin: 0;}

header ul li{list-style: none;}

/*header_navigation_desktop*/

header {transition: all 0.4s ease-in-out 0s; transition: 1s; position: absolute; top: 0; left: 0; right: 0; background: #fff; z-index: 9;}

.header{ padding: 17px 0px; justify-content: space-between; display: flex; flex-wrap: wrap; color: #fff; align-items: center; position: relative; transition: all 0.4s ease-in-out 0s; }

.header_navigation .menu{ display: flex; flex-wrap:wrap; list-style: none; margin-bottom: 0;}

.header_navigation .menu > li{ margin-right: 75px;}

.header_navigation .menu > li:last-child{ margin-right:0px;}

.header_navigation ul li a{border: 1px solid transparent; text-transform: uppercase; color:#313f76; font-size:16px;  font-weight: 500;}

.header_navigation ul li a.active { border: 1px solid #c4bfb2;}

.header_navigation ul li a:hover{opacity: 0.8;}

.mobile_header{ display:none;}

.header_navigation{ margin: auto;}

.header_navigation ul li{ position: relative; }

.header_navigation ul li .sub-menu {  background-color: transparent;  color: #fff; border: 1px solid #535c73; position: absolute;  min-width: 270px;  width:100%;  left: 0;

    top: calc(100% + 0px);  z-index: 1;  visibility: hidden;  opacity: 0;  -webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);  -ms-transform: scaleY(0);    -o-transform: scaleY(0);  transform: scaleY(0);  -webkit-transition: all 0.5s ease-in-out 0s;

    -moz-transition: all 0.5s ease-in-out 0s;  -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;    transition: all 0.5s ease-in-out 0s;

    transform-origin: 0 0 0;  margin-left: 0;  padding:0;  -webkit-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45);-moz-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45);

box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45);}

.header_navigation ul li .sub-menu::before {   content: "";  background-color: #090b17;  opacity: 0.9;  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;}

.header_navigation ul li:hover  .sub-menu, .header_navigation ul li:focus {  visibility: visible;  opacity: 1;  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);

-o-transform: scale(1);  transform: scale(1);}

.header_navigation ul li .sub-menu li{ display: block; width:100%; margin-right:0px; padding:0px; }

.header_navigation ul li .sub-menu li a { color: #fff; width: 100%; display: block; padding: 10px 15px;   margin-bottom: 1px; font-size: 14px;  border-bottom: 1px solid #535c73; text-transform: uppercase;}

.header_navigation ul li .sub-menu li:last-child a{ border-bottom:none; }

.header_navigation ul li .sub-menu li a:hover{ background-color:#000; color:#fff;}

.menu_section .menu_bottom  .sub-menu li{ padding:0px; display:block; }

.menu_section .menu_bottom  .sub-menu{ display:block;}

.header_navigation .arrow i{ font-size: 14px; color: #646464;  line-height: 14px;  margin-left: 5px;}

.navbar-fostrap {  display: none;}

/*header_navigation_desktop*/

header.sticky .header_navigation ul li a {color: #000;}

header.sticky .header_navigation ul li a:hover { color:#92c1ff; }


@media(max-width:991px){

/*nav_START*/

.header_navigation.visible  ul.menu  li.menu-item-has-children span.arrow  {color: #fff;line-height: 45px;background: #000;}

.header_navigation.visible  ul.menu  li.menu-item-has-children span.arrow  i{ color: #fff; }

.header_navigation ul li:hover > .sub-menu, .header_navigation ul li:focus {visibility: visible;opacity: 1;-webkit-transform: scale(1);

    -moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.header_navigation  ul.menu li .sub-menu {background-color: rgb(0 191 146);position: absolute;width: 200px;

    left: 0;top: calc(100% + 42px);z-index: 1;visibility: hidden;opacity: 0;-webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);

    -webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;

    -o-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;transform-origin: 0 0 0;margin-left: 0;

    box-shadow: 0 0px 13px #eaeaea;}

.header_navigation.visible {right: 0;-webkit-transition: right .4s ease;-moz-transition: right .4s ease;-ms-transition: right .4s ease;

-o-transition: right .4s ease;transition: right .4s ease;height: 100vh;}

.header_navigation {z-index: 999; width: 100%; max-width: 100%; display: block;bottom: 0;position: fixed; right: -100%; top: 0;

    -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;

    -o-transition: all .4s ease;transition: all .4s ease;margin: 0;border: 0;border-radius: 0;

    overflow-y: auto;overflow-x: hidden;height: 100vh; }

.mobile_header {padding: 15px 15px; display: flex; justify-content: space-between;align-items: center; /*background-color: #000;*/}

.mobile_header img {max-width:80px; max-height: 60px;}

span.arrow {position: absolute;top: 0;bottom: 0;right: 0;width: 40px;height: auto;line-height: 24px;font-size: 13px;text-align: center;color: #424242;display: block;}

.header_navigation ul.menu li .sub-menu {border: none;box-shadow: none; top: 0px;opacity: 1;min-width: 100%;width: 100%;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition: none;visibility: visible;left: 0px;z-index: 99;

background-color: #34bcc5;position: inherit;display: none;}

.header_navigation ul li:last-child, .menubar_logo {display: block;}

.header_navigation ul.menu li .sub-menu li a {font-size: 17px;background: #000; color:#fff;}

.header_navigation ul li a {font-size: 18px; display: block; text-transform: uppercase;color: #fff !important;font-weight: 600; text-align: center;border: 0;}

.header_navigation ul li{ width:100%; display:block; }

.header_navigation ul li a:hover { color: #92c1ff !important; }

header .header_navigation  ul.menu li {    margin-right: 0px;    padding: 0px;}    

/*nav_end*/

.navbar-fostrap {display: inline-block;cursor: pointer; margin-left:15px; padding:0px 0 0px;z-index: 1; padding-top:6px;}

.navbar-fostrap span {height: 3px;background: #313f76;margin: 5px 0;display: block;transition: 0.3s ease;width: 30px;}

header.sticky .navbar-fostrap span {background: #313f76;}

.navbar-fostrap span:first-child{width: 30px;}

.navbar-fostrap span:nth-child(2){width: 23px; margin-left: auto;}

.navbar-fostrap span:last-child{width: 15px;margin-left: auto;}

header button.close {  font-size: 22px;  border-radius: 50%;  border: none;  width: 32px;  height: 32px;  display: flex; flex-wrap: wrap;  justify-content: center;  align-items: center;  background-color: #262223; color: #fff;margin-left: auto;}

.header{ padding:15px 0px;}  


/* animated */

.header_navigation .menu{background-color: transparent;padding-left: 0;}

.header_navigation ul li{ position: relative; display: block; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; opacity: 0; text-align: left;    color: #fff; overflow: hidden;  -webkit-transform: translate(30px, 0%); transform: translate(30px, 0%);-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;    transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, transform .2s ease; transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease; margin-top: 15px; margin-bottom: 15px;}

.header_navigation.visible ul li{opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease, color .3s ease;transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;}

.header_navigation.visible ul li:nth-child(1) {-webkit-transition-delay: 0.5s; transition-delay: 0.5s;}

.header_navigation.visible ul li:nth-child(2) {-webkit-transition-delay: 0.6s; transition-delay: 0.6s;}

.header_navigation.visible ul li:nth-child(3) {-webkit-transition-delay: 0.7s; transition-delay: 0.7s;}

.header_navigation.visible ul li:nth-child(4) {-webkit-transition-delay: 0.8s; transition-delay: 0.8s;}

.header_navigation:before, .header_navigation:after {content: ""; position: absolute; top: 0px; left: 0px; width: 0; height: 0; background-color: rgba(20, 21, 26,0.6);border-bottom-right-radius: 200%; z-index: -1; transition: border-radius linear 0.8s, width cubic-bezier(0.77, 0, 0.175, 1) 0.6s, height cubic-bezier(0.77, 0, 0.175, 1) 0.6s;}

.header_navigation:after { background-color: #313f76; background-image: url('../images/menu-bg.svg');    background-position: bottom center; background-repeat: no-repeat; background-size: 300%; -webkit-transition-delay: 0s; transition-delay: 0s; box-shadow: 6px 7px 28px 0 rgba(16, 16, 16, 0.3);}

.header_navigation.visible:before {-webkit-transition-delay: 0s;transition-delay: 0s;}

.header_navigation.visible:before, .header_navigation.visible:after {width: 100%; height: 100%;border-radius: 0px;}

.header_navigation.visible:after {-webkit-transition-delay: .1s; transition-delay: .1s;} 

}


.banner-sld{position: relative;}

.banner-sld video {width: 100%; display: block; max-height: 805px; object-fit: cover; object-position: top;}

.banner-sld-itm{position: relative; text-align: center;color: #fff;}

.banner-sld-con{position: absolute; top: 55%; transform: translateY(-50%); left: 0; width: 100%; color: #fff; text-align: center;}

.banner-sld-con-in h1 {
    max-width: 1170px;
    margin: auto;
}

.banner-sld-itm:before{content: ""; position: absolute;  left: 0; top: 0; width: 100%; height: 100%; background: #313f76; opacity: .7;}

.banner-sld figure{overflow: hidden;}

.banner-sld figure img{width: 100%; transition: 1s; max-height: 810px; object-fit: cover;}

.banner-sld .slick-arrow {width: 50px; height: 50px;  border-radius: 100%; z-index: 1; top: 55%;}

.banner-sld .slick-arrow.slick-prev {left: 100px;}

.banner-sld .slick-arrow.slick-next {right: 100px;}

.banner-sld .slick-prev:before, .banner-sld .slick-next:before {color: transparent; width: 100%!important; height: 100% !important; display: block;    position: absolute; top: 0; left: 0; background-position: center !important; background-size: 20px !important; opacity: 1 !important;}

.banner-sld .slick-prev:before{background: url(../images/arrow-w-l.png) no-repeat;}

.banner-sld .slick-next:before{background: url(../images/arrow-w-r.png) no-repeat;}

/* banner end */


/* st-1 css */

.st-1 { padding:70px 0px; }

.rgt-img {position: relative; width: fit-content; padding-left: 35px;}

.rgt-img figure {width: fit-content; position: relative; background: #313f76; padding: 10px; z-index: 9;}

.rgt-img figure:before {content: ''; position: absolute; right: 0; bottom: 0;background: #a7c4e5; height: 250px; width: 40px; z-index: -1;}

.rgt-img figure:after {content: ''; position: absolute; right: 40px; bottom: 0; background: #fff; width: 220px; height: 10px;}

.rgt-img:after {content: ''; position: absolute; right: 0px; top: 34%; bottom: 0; background: #fff;width: 10px; height: 50px; z-index: 9;}

.st-1-main .row { align-items: center;}


/*st-2 css*/

.st-2 { position:relative; padding:70px 0px; }

.st-2:before { content: ''; position: absolute; left: 0; right: 0; top: 0; background: #e7f1fc; height: 410px; z-index: -1;}

.heading-type { padding-bottom: 35px;}

.img-view img { border-bottom: 7px solid #e0edfb;}

.heading-type h3 { padding-bottom: 15px; border-bottom: 1px solid #a7c4e5; margin-bottom: 20px; font-size: 36px; font-weight: 700; color: #313f76; text-transform: capitalize; margin-right: 25px;}

.heading-type p {min-height: 90px;}


/*st-3 css*/

.st-3 { padding-bottom:70px; }

.st-3-left img { clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);}

.our-experties-cont h3 { font-size: 36px; font-weight: bold; color: #313f76; margin: 0; padding-bottom: 15px;}

.list-in-properties ul li { padding: 4px 0px; font-size: 18px; color: #313f76; text-transform: uppercase; font-weight: bold; border: 4px solid #d6d9e4; margin-bottom: 20px; border-right: 0; padding-left: 38px; position: relative;}

.list-in-properties ul li:before { content: ''; position: absolute;left: 5px; right: 0; top: 5px; bottom: 0; background-image: url(../images/list-icon.jpg); background-repeat: no-repeat;}

.st-3-main .row { flex-wrap: unset;}

.st-3-main .row [class*="col"]:first-child {width: 35%; margin-right: -115px; clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);}

.st-3-left { text-align: center;}

.st-3 .list-in-properties ul li:last-child {margin-bottom: 0;}

/*st-4 css*/

.st-4 { background-image:url(../images/why.jpg); background-repeat:no-repeat; position:relative; padding:70px 0px; width:100%; background-size:cover; }

.why-cont h3 { margin: 0; padding-bottom: 40px; font-size: 36px; font-weight: bold; color: #313f76;}

.why-list ul li { padding-bottom:30px; font-size:18px;}

.why-list ul li strong {display: block; color: #313f76;}

.why-list ul li span { display:block; color:#313f76; font-weight:bold; }

.why-list ul li:last-child { padding-bottom: 0;}

/*footer*/

footer { padding: 70px 0px 0px 0px; position: relative; border-top: 6px solid #313f76;}

footer .footer-main { background-image: url(../images/footer-back.png); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 40px;}

.widget h6 {font-size: 16px; text-transform: uppercase; font-weight: bold; margin: 0; padding-bottom: 15px; color: #313f76;}

.widget li a {font-size: 14px; padding-bottom: 5px; color: #313f76;}

.address p {font-size: 14px; line-height: 1.5; padding-bottom: 15px; color: #313f76;}

.address a {display: block; font-size: 14px; color: #313f76; padding-bottom: 15px;}

.address a:hover {color: #92c1ff;}

.address a span {display: block; font-weight: bold; text-transform: uppercase;}

.social a {padding: 0px 10px 45px 0px;}

.widget li a:hover {color: #92c1ff;}

.operating ul li {font-size: 14px; padding-bottom: 5px; color: #313f76;}

.operating {padding: 20px 0px;}

.copyright p {background: #313f76; text-align: center; padding: 12px 0px; font-size: 12px; color: #fff; font-weight: normal;}

.copyright {background: #313f76;}

/* portfolio page */

.pf-list-itm h3 { text-align: center; font-weight: bold;font-size: 18px; margin: 22px 0 ;}

.pf-list-itm .pf-list-itm-con h3 {
    min-height: 45px; line-height: 1.3;
}

.pf-list-itm h3 a{color: #313f76;}

.btn-typ1 { background: #313f76; color: #fff; padding: 10px 40px; border-radius: 35px; font-size: 14px; letter-spacing: 1px;}

.pfolio-list-p { padding: 70px 0px 70px 0px;}

.pf-list-itm-con {text-align: center;}

.btn-typ1:hover {background: #adcaea;}

.copyright p a { color:#92c1ff !important; }

.copyright p a:hover { color:#fff !important; }

.header_navigation .menu .current_page_item a { color: #92c1ff;}


.pf-list-itm-img { position:relative; }

.pfolio-list-p-in .pf-list-itm {
    margin-bottom: 30px;
}

.pfolio-list-p-in .pf-list-itm .pf-list-itm-img img {
    height: 270px;
    object-fit: cover;
}

.pf-list-itm-img figure img { object-fit: cover; height: 100%; width: 100%;}

.pf-list-itm-img:after {content: ''; position: absolute; right: 0px; top: 30%; bottom: 0; background: #fff; width: 7px; height: 50px; z-index: 9;}

.pf-list-itm-img figure {width: fit-content; position: relative; background: #313f76; padding: 7px;z-index: 9;}

.pf-list-itm-img figure:before { content: ''; position: absolute; right: 0; bottom: 0; background: #a7c4e5; height: 150px; width: 75px; z-index: -1;}

.pf-list-itm-img figure:after { content: ''; position: absolute; right: 70px; bottom: 0; background: #fff; width: 182px; height: 7px;}

/*responsive css*/

@media (min-width: 1200px){ 

.container{max-width: 960px;}

}


@media (min-width: 1500px){

.container{max-width: 1310px;}

}

@media (max-width: 1499px){

h1 { font-size:38px }

.banner-sld-con { top:60%; }

.slick-prev, .slick-next { top:58%; }

.why-list ul li { padding-bottom:20px; font-size:16px; }

.st-3-main .row [class*="col"]:first-child {width: 32%; margin-right: -67px; clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);}

.banner-sld-con-in h1 {padding: 0px 50px; font-size: 34px; max-width: 915px;}

.heading h2 { padding-bottom: 20px; font-size: 26px;}

.heading-type h3 {padding-bottom: 10px; margin-bottom: 10px; font-size: 26px; margin-right: 0;}

.our-experties-cont h3 {font-size: 26px; padding-bottom: 20px;}

.why-cont h3 {padding-bottom: 20px;  font-size: 26px;}

.heading-type p { min-height: 70px; font-size: 14px;}

.list-in-properties ul li { font-size: 15px; padding-left: 30px;}

.rgt-img figure:after { width:180px; right:55px; }

.rgt-img figure:before { width:65px; }

.rgt-img:after { top:25%; }

.header_left .logo { max-width: 130px;}

.footer-logo {max-width: 130px;}

.pf-list-itm-img:after { top:25%; }

.pf-list-itm-img figure:after { width:140px; }

.header_navigation ul li a { font-size:14px; }

.abt-left-cont p { font-size:14px; }

.st-1 { padding: 60px 0px;}

.st-2 { padding: 60px 0px;}

.st-3 { padding-bottom: 60px;}

.st-4 { padding:60px 0px; }

footer { padding:60px 0px 0px 0px; }

.pfolio-list-p { padding:60px 0px; }

.pfolio-list-p-in .pf-list-itm .pf-list-itm-img img { height:200px; }

}


@media (max-width: 1199px){

h1 {font-size: 34px;}

.banner-sld .slick-arrow.slick-prev {left: 50px;}

.banner-sld .slick-arrow.slick-next {right: 50px;}

.heading h2 {font-size: 24px;}

.st-1 {padding: 50px 0px;}

.st-2 { padding: 50px 0px;}

.st-2:before { height:350px; }

.heading-type {padding-bottom: 20px;}

.list-in-properties ul li {font-size:15px; padding-left: 30px;}

.st-3 {padding-bottom: 50px;}

.st-4 {padding:50px 0px; }

.why-list ul li {padding-bottom: 15px; font-size: 15px;}

footer {padding: 50px 0px 0px 0px;}

.st-3-main .row [class*="col"]:first-child {width: 32%; margin-right: -60px;}

.banner-sld-con { top:60%; }

.banner-sld .slick-prev:before, .banner-sld .slick-next:before {background-size: 20px !important;}

.slick-prev, .slick-next { top:60%; }

.rgt-img figure:before { height:200px; }

/* portfolio list page */

.pfolio-list-p {padding: 55px 0;}

.pf-list-itm-img:after {top: 26%; height: 100px;}

.pf-list-itm-img figure:after { width:110px; }

.banner-sld-con-in h1 { font-size:28px; max-width:865px; }

.widget h6 { font-size:15px; padding-bottom:10px; }

.rgt-img:after { top:30%; } 


}


@media (max-width: 991px){

h1 { font-size: 36px;}

p { font-size:15px; }

.banner-sld .slick-arrow.slick-prev {left: 30px;}

.banner-sld .slick-arrow.slick-next {right: 30px;}

.heading h2 {padding-bottom: 15px;}

.pfolio-list-p-in .heading h2 {
    padding-bottom: 0;
    padding-top: 15px;
}

.header_left .logo {max-width: 115px;}

.footer-logo {max-width: 115px;}

.st-1 {padding: 50px 0px;}

.st-2 { padding: 50px 0px;}

.heading-type h3 { font-size:24px; }

.heading-type p {min-height: 95px;}

.st-2:before {height: 310px;}

.st-3 {padding-bottom: 50px;}

.our-experties-cont h3 {font-size: 24px;}

.list-in-properties ul li { padding:7px 0px; padding-left:35px; margin-bottom:12px; }

.why-cont h3 {padding-bottom: 15px; font-size: 24px;}

.why-list ul li {padding-bottom: 10px; font-size: 14px;}

.widget {padding-left: 0;}

.widget h6 { padding-bottom:10px; }

footer {padding: 50px 0px 0px 0px;}

.st-4 {padding: 50px 0px;}

footer .footer-main { background-size:20%; }

.st-3-main .row [class*="col"]:first-child {width: 42%;}

.rgt-img figure { padding:7px; }

.rgt-img figure:after {width: 110px; height: 7px; right: 40px;}

.rgt-img figure:before {height: 125px; width: 40px;}

.rgt-img:after {width: 7px; height: 50px; top: 35%;}

/* portfolio list page */

.pfolio-list-p {padding: 50px 0;}

.pf-list-itm {margin-top: 30px;}

.pf-list-itm h3 {margin: 15px 0; font-size: 16px;}

.banner-sld-con-in h1 { font-size:29px; padding:0px; }

.btn-typ1 {padding: 8px 30px;}

.pfolio-list-p-in .pf-list-itm .pf-list-itm-img img { height: 220px;}

.pf-list-itm .pf-list-itm-con h3 {
    min-height: 40px;
}


}


@media (max-width: 767px){

    .pfolio-list-p-in .heading h2 { padding-top:25px; }

.banner-sld .slick-arrow {width: 35px; height: 35px;}

.header_left .logo { max-width: 100px;}

h1 { font-size: 30px;}

p { font-size:15px; }

.banner-sld .slick-prev:before, .banner-sld .slick-next:before { background-size: 15px !important;}

.footer-logo {max-width: 100px;padding-bottom: 20px;}

.rgt-img {text-align: left;padding-top: 15px; padding-left: 0px;}

.heading h2 {padding-bottom: 10px; font-size: 24px;}

.st-1 {padding: 40px 0px;}

.heading-type p { min-height:auto; }

.st-2 {padding: 40px 0px;}

.heading-type h3 {font-size: 24px; padding-bottom: 8px; margin-bottom: 8    px;} 

.mission-cont {padding-top: 20px;}

.st-2-min .row [class*="col"]:first-child .mission-cont {padding-top: 0;}

footer {padding: 40px 0px 0px 0px;}

.our-experties-cont {padding-bottom: 20px;}

.st-3-left img {clip-path: unset;}

.st-4 {padding: 0px 0px 40px 0px;}

.why-cont h3 {padding-bottom: 15px; font-size: 24px;}

.why-list ul li { font-size:14px; }

.st-3 {padding-bottom: 40px;}

.social a {padding: 0px 10px 20px 0px;}

.operating {padding: 15px 0px;}

.copyright p {padding: 10px 15px;}

.our-experties-cont h3 {font-size: 24px; padding-bottom: 15px;}

.list-in-properties ul li { padding: 3px 0px; font-size: 14px; padding-left: 30px; border: 2px solid #d6d9e4; border-right: 0;}

.st-3-main .row { flex-wrap: wrap;}

.st-3-main .row [class*="col"]:first-child { width: 100%; margin: 0; clip-path: unset;}

.heading-type { padding-bottom: 15px;}

.banner-sld figure img {height: 350px;}

.banner-sld-con-in h1 {padding: 0px;}

.rgt-img figure:before { height:60%; }

/* portfolio list page */

.pfolio-list-p {padding: 40px 0;}

.pf-list-itm-img { display:flex; align-items:center; justify-content:center; }

.st-4 { background-image:none; }

.banner-sld-con-in h1 { font-size:26px; }

.pf-list-itm-img:after {top: 30%;height: 90px;}

.pfolio-list-p-in .pf-list-itm { margin-bottom: 10px;}

.pfolio-list-p-in .pf-list-itm .pf-list-itm-img img {
    height: 200px;
}

}

@media (max-width: 575px){

.banner-sld .slick-arrow.slick-prev {left: 0px;}

.banner-sld .slick-arrow.slick-next {right: 0px;}

footer .footer-main { background-image: none;}

h1 { font-size: 22px; margin: 0px 0px;}

.banner-sld-con-in {padding: 20px 0px;}

.banner-sld-con {position: initial; transform: translate(0px, 0px); background: #313f76;}

.banner-sld figure { position:relative; }

.banner-sld figure:before { content:''; position:absolute; left:0; right:0; top:0; bottom:0; background-color:#313f76; opacity:.7; }

.banner-sld-con-in h1 br { display:none; }

.banner-sld-itm:before { display:none; }

.slick-prev, .slick-next { top: 45% !important;}

.banner-sld figure img {height: 300px;}

.banner-sld-con-in h1 { font-size:22px; }

.widget .address a:last-child { padding-bottom: 0;}

.address a { padding-bottom:10px; }

.address p { padding-bottom:10px; }

.banner-sld video { height:270px; }

.pfolio-list-p-in .row [class*="col"]:first-child .pf-list-itm { margin-top: 0;}

.pf-list-itm-img figure { width:100%; }

.pfolio-list-p-in .heading h2 {
    padding-bottom: 15px;
    padding-top: 25px;
}

.pfolio-list-p .pfolio-list-p-in:first-child .heading h2 {
    padding-top: 0;
}

.pf-list-itm .pf-list-itm-con h3 {
    min-height: auto;
}

}

@media (max-width: 490px){

.copyright p {
    max-width: 300px;
    margin: auto;
}

}