/* ----------------------------------------------------------------
        Custom CSS

        Add all your Custom Styled CSS here for New Styles or
        Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    Fonts

    Replace your Fonts as necessary
-----------------------------------------------------------------*/
html{
    overflow-x:hidden;
}


body,
small,
.sub-menu-container .menu-item > .menu-link,
.wp-caption,
.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.nav-tree ul ul a,
.font-body,
h1,
h2,
h3,
h4,
h5,
h6,
#logo a,
.menu-link,
.mega-menu-style-2 .mega-menu-title > .menu-link,
.top-search-form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.fbox-content h3,
.tab-nav-lg li a,
.counter,
label,
.widget-filter-links li a,
.nav-tree li a,
.wedding-head,
.font-primary,
.entry-link span,
.entry blockquote p,
.more-link,
.comment-content .comment-author span,
.comment-content .comment-author span a,
.button.button-desc span,
.testi-content p,
.team-title span,
.before-heading,
.wedding-head .first-name span,
.wedding-head .last-name span,
.font-secondary { font-family: 'Montserrat', sans-serif !important; }
body { overflow-x: hidden; }
p { margin: 0; }
.header-size-md #header-wrap #logo img { height: 40px; }
.header-size-md.sticky-header-shrink #header-wrap #logo img { height: 55px; margin: 15px 0; }
.copyright-links a,.copyright-links a:hover { color: #fff; }
#copyrights { color: #fff; }
#oc-clients .oc-item img { height: 50px; width: auto; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); }
.sidebar-widgets-wrap .widget { padding-top: 25px; }
.widget { margin-top: 25px; }
.bgyellow { background-color: #fcb848 !important; }
.pink { color: #B4469A; }
.navy { color: #000065; }
.yellow { color: #e2de1c; -webkit-text-fill-color: inherit !important; }
.yellow2 { color: #e0a620; }
.blue { color: #0029f5; }
.blue2 { color: #0D87BE; }
.blue3 { color: #20b3a6; }
.white { color: #fff !important; -webkit-text-fill-color: inherit !important; }
.black { color: #1d1d1b !important; -webkit-text-fill-color: inherit !important; }
.brown { color: #AD6753; }
.red { color: #e9252e; }
.grey { color: #414042; }
.grey2 { color: #52585A; }
.fw900 { font-weight: 900; }
.fw700 { font-weight: 700; }
.fw600 { font-weight: 600; }
.fw500 { font-weight: 500; }
.fw400 { font-weight: 400; }
.btn-custom { position: relative; display: inline-block; height: 40px; line-height: 40px; padding: 0 40px; font-size: 1.2rem; text-align: center; }
.btn-yellow { background: #dfa520; }
.btn-black { background: #0d0c0b; }
.btn-green { background: #188b05; }

.fbox-iconx { width: 170px; height: auto; padding: 0 }
.h-bg-light:hover { background-color: inherit !important; }
.fbox-bg.fbox-center { padding: 0 1rem 2rem; }
.fbox-content { padding: 0; } 
::selection { background: #e30613; color: #fff; }
.button-pink {background-color: #ff4e6f; }
.grid-filter li.activeFilter a { background-color: #ff4e6f; }
.grid-filter li a:hover { color: #ff4e6f; }
.grid-filter li.activeFilter a:hover { color: #fff; }
.fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img { color: #0029f5; }
#page-title { background-color: #fff; padding: 45px 0; }
#page-title h1 { color: #000065; font-size: 25px; text-transform: inherit; }
.button-yellow {background-color: #fcb848 !important; }
.entry-title h2 a, .entry-title h3 a, .entry-title h4 a { color: #000065; }
.entry-title h2 a:hover, .entry-title h3 a:hover, .entry-title h4 a:hover { color: #ff4e6f; }
.more-link { color: #000065; border-bottom: 1px solid #000065; }
.more-link:hover { color: #ff4e6f; border-bottom: 1px solid #ff4e6f; }
.all-btn-hover:hover  { background-color: #000065 !important; }
a.text-dark.all-btn-hover:hover { color: #fff !important; }
a.text-dark.all-btn-hover:focus { color: #fff !important; }
.subserv { padding: 0 15px; }
.subserv p { font-size: 14px; }
.subserv h3 { margin-top: 20px; }
/*.bcat-title { font-weight: bold; color: #000065 !important; }
.bcat-title:hover { color: #ff4e6f !important; }*/
.tagcloud a:hover { border-color: #ff4e6f !important; color: #ff4e6f !important; }
.bordergrey { border-bottom: 1px solid #EEE; }
#oc-clients .oc-item img { height: 90px; filter:none; }
.ptb-20 { padding-top: 20px; padding-bottom: 20px; }
.fbox-icon i, .fbox-icon img { background-color: transparent; }
.pb0 { padding-bottom: 0; }
.mt0 { margin-top: 0; }
.mt40n { margin-top: -40px; }
.mt10n { margin-top: -10px; }
.mt90n { margin-top: -90px; }
.mt220n { margin-top: -220px; }
.w100 { width: 100%; }
.slcmenu { color: #e30613 !important; }
.button-cat { background-color: #fff; color: #000; border: 1px solid #ced4da; border-radius: 4px; margin: 0 0 10px 0; }
.button-cat:hover { background-color: #ff4e6f; color: #fff; border: 1px solid #ff4e6f; }
.widget > h4 { margin-bottom: 15px; }
h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge), .entry-content a { color: #0029f5; }
.mhx { min-height: 215px; }
.sub-menu-container .menu-item:hover > .menu-link { color: #0029f5 !important; }
.fbox-content p { margin-bottom: 0; color: #333; }
.footer-logo { display: inline-block; }
#header { border: none; background-color: #f8f8f8; z-index: 0; }
#header-wrap { height: 65px; background: #000; margin: 0; position: relative; }
#logo {margin-right: inherit; }
.sticky-header .menu-link { color: #050506; }
.menu-link { color: #fff; font-size: 1.2rem; letter-spacing: 0; }
.menu-item:hover > .menu-link, .menu-item.current > .menu-link { color: #e30613; }
.row { margin-right: -5px; margin-left: -5px;}
.row>[class^=col-] { padding-right: 5px; padding-left: 5px; }
.letter-big { font-size: 15rem; position: relative; z-index: 1; margin: 0 10px; }
.title1 { line-height: 1; font-size: 3rem; position: relative; z-index: 1; }
.title2 { line-height: 1; font-size: 2rem; position: relative; z-index: 1; }
.title3 { line-height: 1; font-size: 4.2rem; position: relative; z-index: 1; }
.title4 { line-height: 1; font-size: 4.7rem; position: relative; z-index: 1; }
.pr1 { line-height: 1.5; font-size: 1.3rem; position: relative; z-index: 1;  }
.pr2 { line-height: 1; font-size: 2rem; position: relative; z-index: 1; }
.pr3 { line-height: 35px; font-size: 27px; position: relative; z-index: 1; }
.white-link { position: relative; display: block; z-index: 1; font-size: 24px; color: #fff; font-weight: 700; text-decoration: none; }
.white-link:after { content:">"; position: absolute; color: #20b3a6; }
.white-link.pink-arrow:after { content:">"; position: absolute; color: #FE2DC6; }
.white-link.white-arrow:after { content:">"; position: absolute; color: #fff; }
.white-link:hover { color: #fff; }
.mt200 { margin-top:200px; }
.mt100 { margin-top:100px; }
.mt150 { margin-top:150px; }
.mt80 { margin-top:80px; }
.mt50 { margin-top:50px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mb200 { margin-bottom:200px; }
.mb130 { margin-bottom:130px; }
.mb100 { margin-bottom:100px; }
.mb80 { margin-bottom:80px; }
.mb50 { margin-bottom:50px; }
.mb20 { margin-bottom:20px; }
.pack { position: relative;  }
.packleft { padding: 190px 0 40px 0; margin-left: 160px; }
.packimg { position: relative; display: inline-block; }
.amb-point { position: absolute; top: -31px; right: -12px; }
.weprod { width: 100%; height: 660px; position: relative; background: #010101; padding-top: 155px; }
.weprodimg { position: relative; display: inline-block; z-index: 1; }
.z-index-top { z-index: 50; }
.pl8 { padding-left: 8px !important; }
.pr8 { padding-right: 8px !important; }
.dreambox-container { position: relative; margin-left: 80px; }
.x-bg { position: absolute; top: -80px; right: 145px; }
.footer-logo-blue { position: absolute; bottom: 0; left: -155px; right: 0; margin-left: auto; margin-right: auto; z-index: 0; }
.footer-logo-white { position: absolute; top: 0; left: 0; right: -155px; margin-left: auto; margin-right: auto; z-index: 0; }
.footer { background: #000; width: 100%; padding: 0;padding-bottom: 100px; }
.footer-icons {  height: 255px; }
.footer-menu { list-style-type: none; margin: 35px 45px; }
.footer-menu a { display: inline-block; font-size: 1.5rem; color: #fff; font-weight: 700; margin: 5px 0; }
.footer-menu a:hover { color: #ed1d25; text-decoration: none; }
.c-title { font-size: 50px; line-height: 50px; color: #fff; text-shadow: 3px 2px 13px #000000; margin: 0; padding: 0 10px; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 410px; text-align: center; }
.c-title2 { font-size: 50px; line-height: 50px; color: #fff; margin:0; padding: 0 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.c-image { position: relative; background: #000; height: 675px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.c-content { font-size: 25px; color: #414042; }
.sub-container { max-width: 1600px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.black-box { background: #000; color: #fff; font-size: 25px; line-height: 45px; height: 100%; flex-direction: column;}
.black-box p { margin: 0; }
.trans-grey { width: 380px; height: 270px; background: rgba(15, 15, 15, 0.7); flex-direction: column; }
#content p { line-height: inherit; }
.gmaps { height: 550px; }
.bsection { position: relative; background: #050506; margin-top: 40px; padding-top: 140px; }
.bsectionx { position: relative; }
.bsectionx2 { position: relative; background: radial-gradient(circle at center, #c9c9c9 , #ffffff); padding: 45px 0 0 0; }
.bsectionx3 { position: relative; background: #050506; padding-top: 140px; }
.svg-trigger path { stroke: #fff; stroke-width: 12px; }
.svg-trigger path:nth-child(2) {stroke: #ed1d25; }
.primary-menu-open .svg-trigger path:nth-child(2) { stroke: #fff; }
.section1 { position: relative; }
.section2 { position: relative; background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 44%); }
.section3 { position: relative; margin-top: 30px; padding: 0 0 50px 0; }
.container2 { max-width: 1920px; }
.s-list { position: relative; z-index: 2; background-color: #fff; }
.s-list img { width: 100%; height: auto; }
.s-list-white { padding: 35px 55px; }
.s-list-white .number { font-size: 235px; color: #27bbaa; line-height: 212px; }
.s-list-white h2 { font-size: 65px; line-height: 70px; margin-bottom: 0; }
.s-list-white h3 { font-size: 45px; line-height: 45px; margin-bottom: 0; }
.s-list-white .s-link { display: inline-block; width: auto; height: 50px; line-height: 50px; color: #fff; background-color: #414042; padding: 0 90px; transition: background 0.5s; font-size: 27px; }
.s-list-white .s-link:hover { background-color: #27bbaa; }
.grey-link { color: #414042 !important; }
.bg-softblack { background-color: #1b1b1b; }
#content { }
.bg-black { background-color: #050506 !important; }
.bg-grey { background-color: #36465c !important; }
.bg-red { background-color: #e9252e !important; }
.bg-yellow { background-color: #e2de1c !important; }
.bg-black2 { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(146,146,146,1) 44%); }
.listtoptitle { color: #ffffff; font-size: 40px; }
.listtitle { color: #20b3a6; font-size: 40px; }
.listtitle2 { color: #20b3a6; font-size: 60px; }
.listcontent { color: #fff; font-size: 20px; }
.listcontent2 { color: #000000; font-size: 20px; }
.listbutton { height: 50px; line-height: 50px; background-color: #20b3a6; color: #000; font-size: 19px; font-weight: 700; text-align: center; padding: 0 100px; }
.listbutton:hover { background-color: #fff; color: #20b3a6; }
.listimage { width: 100%; }
.container2 { position:relative; max-width: 1920px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.equal { display: flex; flex-wrap: wrap; }
.equalinner { display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 0 20px;}
.equalinner2 { align-items: center; justify-content: flex-start; background-repeat: no-repeat; background-size: cover; }
.transparent-text-yellow { font-family: "montserratregular"; -webkit-text-stroke: 2px #d29c1e; -webkit-text-fill-color: transparent; }
.transparent-text-black { font-family: "montserratregular"; -webkit-text-stroke: 2px #1d1d1b; -webkit-text-fill-color: transparent; }
.transparent-text-white { font-family: "montserratregular"; -webkit-text-stroke: 2px #fff; -webkit-text-fill-color: transparent; }
.light { width: 100%; height: 100%; position: absolute; background: radial-gradient(circle at top, #2e2e2e , #050506); }
.build1 { margin-top: -215px; z-index: 2; position: relative; }
.build2 { z-index: 2; position: relative; }
.build3 { margin-top: -170px; z-index: 2; position: relative; }
.cloud1 { background: url("../images/cloud.png") no-repeat; background-position: left; top: 200px; left: 0; width: 100%; height: 800px; position: absolute; -webkit-animation: linear infinite; -webkit-animation-name: cloud; -webkit-animation-duration: 60s; -webkit-transform: scaleX(-1); transform: scaleX(-1);  }
.cloud2 { background: url("../images/cloud.png") no-repeat; background-position: right; top: 0; right: 0; width: 65%; height: 800px; position: absolute; background-size: contain; -webkit-animation: linear infinite; -webkit-animation-name: cloud2; -webkit-animation-duration: 60s; }
.mainimgcaption { position: absolute; z-index: 2; top: 0; margin: 70px auto 0 auto; left: 0; right: 0; }
.ydivider { display: inline-block; width: 5px; height: 50px; margin: 0 10px; background: #d29c1e; vertical-align: top; }
.slide:hover, .slide:focus { box-shadow: inset 20rem 0 0 0 var(--hover); }
.slide { --color: #1b1b1b; --hover: #fff; }
.bt { color: var(--color) !important; transition: 0.5s; }
.bt:hover, .bt:focus { border-color: var(--hover); color: #fff; }
.letter-space-big { letter-spacing: 30px; }
.letter-space-big2 { letter-spacing: 50px; }
.letter-space-5n { letter-spacing: -5px; }
.extra-bold { font-family: 'montserratextrabold' !important; letter-spacing: -5px; }
.yellow-bg { width: 100%; height: 150px; line-height: 150px; background: #dfa520; padding: 0 25px; }
.black-rect { width: 75px; height: 225px; position: absolute; right: 5px; top: -165px; z-index: 2; background: #090807; }
.pl40 { padding-left: 40px; }
.black-bg { background: #090807; padding: 50px 110px; height: 100%; }
.black-bg2 { background: #090807; padding: 120px 110px; height: 100%; }
.yellow-bg2 { background: #e0a620; padding: 40px 110px; height: 100%; }
.white-v { position: absolute; z-index: 2; background: #fff; width: 6px; height: 100%; left: 50%; }
.white-h1 { position: absolute; z-index: 2; background: #fff; width: 50%; height: 6px; left: 0; top: 40%; }
.white-h2 { position: absolute; z-index: 2; background: #fff; width: 50%; height: 6px; right: 0; top: 65%; }
.black-abs { position: absolute; z-index: 2; background: #0d0b07; flex-direction: column; width: calc(50% - 6px); height: calc(35% - 6px); right: 0; bottom: 0; }
.yellow-abs { position: absolute; z-index: 2; background: #dfa520; flex-direction: column; width: calc(50% - 6px); height: calc(35% - 6px); right: 0; bottom: 0; }
.qualityhero { position: absolute; z-index: 2; top: 30px; width: 100%; text-align: center; }
.project-bg { display: flex; flex-direction: column; justify-content: center;height: 100%; background: #1a1a1b; padding: 30px 40px; }
.green-box { width: 60px; height: 60px; background: #188b05; }
.content-fav { width: 110px; height: auto; }
.gridx { width: 100%; height: 100%; text-align: center; }
.gridx-link { display: inline-block; width: 48%; height: 48%; margin-bottom: 20px; background-position: center; }
.gridx img { display: inline-block; max-height: 500px; height: auto; max-width: 520px; width: auto; margin: 0 5px 10px 5px; }
.project { margin-bottom: 85px; }
#contact-content { display:none; max-width:900px; width: 70%; padding: 20px; }
.map { width: 100%; height: 300px; }
.link { color: #000; text-decoration: none; }
.mapouter{ position:relative; text-align:right; height:300px; width:100%; }
.gmap_canvas { overflow:hidden; background:none!important; height:300px; width:100%; }
.fav-logo { max-width: 100px; height: auto; }
.hero-1 { position: relative; z-index: 2; }
.v { position: absolute; margin: 0 auto; left: 0; right: -360px; top: -354px; z-index: 1; }
.v2 { top: -315px; }
.color-bg { display: inline-block; height: 35px; line-height: 35px; padding: 0 30px; font-size: 1rem; opacity: 0.9; }
.color-bg2 { font-size: 1.2rem; font-weight: 700; }
.main-mess { position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 10px; z-index: 3; }
.main-mess2 { position: absolute; margin: 0 auto; left: 0; right: 0; top: 30px; z-index: 3; text-align: center; }
.hero { background: url("../images/hero-back.jpg") no-repeat; background-position: center; height: 675px; background-size: cover; padding-top: 39px !important; }
.morelink { color: #fff; font-size: 1.2rem; display: block; margin: 10px 0; font-weight: 700; transition: 0.2s; }
.morelink:hover { color: #ed1d25; }
.header-line { width: 100%; height: 4px; background-color: #ed1d25; margin-top: 4px; }
.l1 { background: url("../images/l1.jpg") no-repeat; background-position: right; height: 675px; background-size: cover; padding-top: 39px !important; }
.l2 { background: url("../images/l2.jpg") no-repeat; background-position: left; height: 675px; background-size: cover; padding-top: 39px !important; }
.mh100 { max-height: 100px; }
.ins { color: #db2367; }
.news-container { background-color: #fff; padding: 20px; text-align: center; width: 80%; margin: 0 auto; }
.news { list-style-type: none; }
.bhab { bottom: 30px; }

@media (min-width: 992px){
    .menu-link { padding: 0 20px; }
    .header-row { justify-content: center; height: 70px; }
    .sub-menu-container, .mega-menu-content { top: 90%; }
    .sub-menu-container, .mega-menu-content { border-top: 2px solid #fff; }
    .slider-title h2 { font-size: 35px; font-weight: 550; }
    .menu-container > .menu-item:not(:first-child) { margin-left: 0; }
    .menu-container > .menu-item:last-child .menu-link { padding-right: 0; }
    #logo {margin: 0 15px 0 0; }
    .header-size-md .menu-container > .menu-item > .menu-link { padding-top: 0; padding-bottom: 0; }
    .hlogo { padding: 40px 0; }
    .header-wrap-clone { display: none; }
    .mtneg200 { margin-top: -200px; }
    .circle { position: absolute; top: 55px; z-index: 1; left: 0; right: 0; margin: 0 auto; }
}

@media (max-width: 767px){
    .mt200m { margin-top:200px; }
    .mt100m { margin-top:100px; }
    .mt150m { margin-top:150px; }
    .mt80m { margin-top:80px; }
    .mt50m { margin-top:50px; }
    .mt10m { margin-top:10px; }
    .mt20m { margin-top:20px; }
    .mt0m { margin-top:0; }
    .mb200m { margin-bottom:200px; }
    .mb130m { margin-bottom:130px; }
    .mb100m { margin-bottom:100px; }
    .mb80m { margin-bottom:80px; }
    .mb50m { margin-bottom:50px; }
    .mb20m { margin-bottom:20px; }
    .mb10m { margin-bottom:10px; }
    .mb0m { margin-bottom:0; }
    .scont { padding-top: 0 !important; }
    .servbox { display: block !important; }
    .grid-filter { display: contents; }
    .grid-filter li { width: 32%; }
    .grid-filter li a { padding: 5px; }
    .slider-title h2 { font-size: 35px; }
    .box-bg3 { right: 0; }
    .primary-menu { z-index: 99; background: #000; margin-top: 15px; }
    .header-row { justify-content: space-between; }
    .bsection2.mt100 { margin-top: 0; }
    .footer-menu { text-align: center; }
    .footer.mt50 { margin-top: 0; }
    .title1 { line-height: 1; font-size: 3.5rem; position: relative; z-index: 1; letter-spacing: -2px; }
    .title2 { line-height: 1; font-size: 1.7rem; position: relative; z-index: 1; }
    .title3 { line-height: 1; font-size: 3.5rem; position: relative; z-index: 1; }
    .title4 { line-height: 1; font-size: 3.5rem; position: relative; z-index: 1; }
    .pr1 { line-height: 1.5; font-size: 1.3rem; position: relative; z-index: 1; }
    .pr2 { line-height: 1; font-size: 1.5rem; position: relative; z-index: 1; }
    .pr3 { line-height: 35px; font-size: 27px; position: relative; z-index: 1; }
    .pr4 { line-height: 1.1; font-size: 1rem; position: relative; z-index: 1; }
    .listbutton { height: auto; padding: 0 10px; white-space: inherit; line-height: inherit; font-size: 14px; margin-bottom: 20px; }
    .s-list { margin-top: 0; }
    .s-list-white { margin-bottom: 50px; padding: 15px 35px; }
    .s-list-white .number { font-size: 150px; color: #27bbaa; line-height: 170px; }
    .s-list-white h2 { font-size: 35px; line-height: 40px; }
    .s-list-white h3 { font-size: 25px; line-height: 35px; }
    .s-list-white .s-link { padding: 0 20px; font-size: 22px; }
    .title11, .title9, .title10 { line-height: 60px; font-size: 59px; }
    .title11 { margin-top: 40px; }
    .section2 { height: 400px; }
    .mainbg { background-position: left; height: 280px; background-size: cover; padding: 25px 0; }
    .white-link { font-size: 20px; }
    .circle { display: none;}
    .fromsolution { text-align: center; margin-top: 40px; margin-bottom: 40px; }
    #content { margin-top: 0; padding: 25px 0 0 0; }
    .listtitle { font-size: 34px; }
    .c-title { width: 100%; font-size: 36px; }
    .c-image { height: 300px; }
    #header { z-index: 2; }
    .footer-logo { max-height: 90px; margin: 0 auto 30px auto; }
    .pl-5, .px-5 { padding-left: 1rem !important; }
    .pr-5, .px-5 { padding-right: 1rem !important; }
    .footer-menu a { margin: 5px 0; }
    .o-hidden { overflow: hidden; }
    .svg-trigger { width: 50px; height: 50px; }
    .header-size-md #header-wrap #logo img { height: 70px; }
    .hero-icon { max-width: 60%; margin-top: 30px; }
    .footer-icon { max-width: 50%; margin-top: 30px; }
    .letter-group { margin: 0; }
    .letter-group .letter-big { font-size: 3rem; margin: 0; }
    .build1, .build2, .build3 { margin-top: 0; }
    .bsectionx3 { padding-top: 70px; }
    .ydivider { height: 30px; margin: 0 5px; }
    .cloud1, .cloud2 { display: none; }
    .black-bg, .black-bg2, .yellow-bg2, .project-bg { padding: 10px; height: auto; }
    .qualityhero { top: 20px; line-height: 1.5 !important; position: absolute; }
    .letter-space-5n { letter-spacing: 0; }
    .black.pl40 { padding-left: 0; }
    .letter-space-big2 { letter-spacing: 40px; }
    .gridx img { width: 100%; height: auto; margin: 0 0 25px 0; }
    .v { display: none; }
    .hero { height: 300px; padding-top: 0 !important; margin-bottom: 20px; }
    .hero-1 { z-index: inherit; height: 300px; object-fit: cover; }
    #primary-menu-trigger, #page-menu-trigger { margin-top: 10px; }
    .color-bg { height: auto; }
    .l1, .l2 { height: 300px; background-position: center; padding-bottom: 20px; margin-top: 20px; }

}

@media (min-width: 1920px){
    .container { max-width: 1910px; }
}

@media (min-width: 576px){
    .col-sm-45 { flex: 0 0 37.44444%; max-width: 37.444443%; }
    .col-sm-75 { flex: 0 0 62.255555%; max-width: 62.255555%; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slider-title h2 { font-size: 35px; }
    .packleft, .box-bg2, .diamond-bg, .dreambox-container, .rose-bg { margin: 0; padding: 75px 0 0 0; }
    .water-bg { width: 100%; height: 400px; left: 0; top:0; }
    .box-bg3 { right: 0; }
    .primary-menu { z-index: 99; background: #000; margin-top: 15px; }
    .header-row { justify-content: space-between; }
    .bsection2.mt100 { margin-top: 0; }
    .footer-menu { text-align: center; }
    .footer.mt50 { margin-top: 0; }
    .listbutton { height: auto; padding: 0 10px; white-space: inherit; line-height: inherit; font-size: 14px; margin-bottom: 20px; }
    .s-list { margin-top: 0; }
    .s-list-white { margin-bottom: 50px; padding: 15px 35px; }
    .s-list-white .number { font-size: 150px; color: #27bbaa; line-height: 170px; }
    .s-list-white h2 { font-size: 35px; line-height: 40px; }
    .s-list-white h3 { font-size: 25px; line-height: 35px; }
    .s-list-white .s-link { padding: 0 20px; font-size: 22px; }
    .title11, .title9, .title10 { line-height: 60px; font-size: 59px; }
    .title11 { margin-top: 40px; }
    .section2 { height: 400px; }
    .fromsolution { text-align: center; margin-top: 40px; margin-bottom: 40px; }
    #content { margin-top: 0; padding: 25px 0 0 0; }
    .listtitle { font-size: 34px; }
    .c-title { width: 100%; font-size: 36px; }
    .c-image { height: 300px; }
    #header { z-index: 2; }
    .footer-logo { max-height: 90px; margin: 0 auto 30px auto; }
    .pl-5, .px-5 { padding-left: 1rem !important; }
    .pr-5, .px-5 { padding-right: 1rem !important; }
    .stone2, .stone1 { display: none !important; }
}


@media (min-width: 768px) and (max-width: 1400px) {
    .menu-link { padding: 0 8px; font-size: 15px; }
    .black-bg, .black-bg2, .yellow-bg2, .project-bg { padding: 20px; height: auto; }
    .listbutton { padding: 0 10px; font-size: 16px; }
    .letter-big { font-size: 12rem; position: relative; z-index: 1; margin: 0 10px; }
    .title1 { line-height: 1; font-size: 3.5rem; position: relative; z-index: 1; letter-spacing: -2px; }
    .title2 { line-height: 1; font-size: 2.7rem; position: relative; z-index: 1; }
    .title3 { line-height: 1; font-size: 4rem; position: relative; z-index: 1; }
    .title4 { line-height: 1; font-size: 4.5rem; position: relative; z-index: 1; }
    .pr1 { line-height: 1.5; font-size: 1.2rem; position: relative; z-index: 1;  }
    .pr2 { line-height: 1; font-size: 1.6rem; position: relative; z-index: 1; }
    .pr2 { line-height: 1; font-size: 1.6rem; position: relative; z-index: 1; }
    .pr3 { line-height: 35px; font-size: 27px; position: relative; z-index: 1; }
    .gridx img { display: inline-block; max-height: 300px; height: auto; max-width: 300px; width: auto; margin: 0 21px 10px 10px; }
}



@media (min-width: 1921px) and (max-width: 2449px) {
}


@media (min-width: 2500px){
    /*.container { max-width: 2550px; }*/
    .box-bg { left: inherit; right: 90px; }
    .purple-color { left: -250px; }
    .packleft { margin-left: 475px; }
    .pack3 { right: -295px; }
    .pack2 { right: 365px; }
    .hayal-bg { right: 150px; }
    .dreambox-bg { right: 40px; }
}

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'),
    url('fonts/montserrat/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratextrabold';
    src: url('fonts/montserrat/montserrat-extrabold-webfont.woff2') format('woff2'),
    url('fonts/montserrat/montserrat-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat/montserrat-light-webfont.woff2') format('woff2'),
    url('fonts/montserrat/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratmedium';
    src: url('fonts/montserrat/montserrat-medium-webfont.woff2') format('woff2'),
    url('fonts/montserrat/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat/montserrat-regular-webfont.woff2') format('woff2'),
    url('fonts/montserrat/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratsemibold';
    src: url('fonts/montserrat/montserrat-semibold-webfont.woff2') format('woff2'),
    url('fonts/montserrat/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@-webkit-keyframes cloud {
    0% {
        left: 0;
    }
    50% {
        left: 30%;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes cloud2 {
    0% {
        right: 0;
    }
    50% {
        right: 30%;
    }
    100% {
        right: 0;
    }
}

@media (min-width: 490px){
.contact-fixed-bottom {
    display: none;
}
}