/*** GENERAL ***/
.light-mode *, .dark-mode *{font-family: Helvetica, sans-serif;}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1420px;}
}
.light-mode .lmd-img{display:inline-block;}
.dark-mode  .lmd-img{display:none;}
.dark-mode  .dmd-img{display:inline-block !important;}
.light-mode .dmd-img{display:none;}

/*** HEADER ***/
.header-menu{background-color:#333333}
.header-menu .header-mmenu{display:none;}
.header-menu .header-mmenu-btn{display:none;}
.header-menu .change-mode{background-color:#252525; border:2px solid #0573CA; border-radius:37px; padding:0 20px; padding: 0 3px; cursor:pointer;}
.header-menu .change-buton{font-size:18px; color:#fff; margin: 0 10px; line-height: 40px; transition: all .1s;}
.header-menu .active-change-buton{background-color: #0573ca; padding: 7px 10px; border-radius: 17px; margin:0;}
.desk-menu .nav-link{font-size:18px; color:#FFFFFF; margin: 0 30px;}
.desk-menu .nav-link:hover{color:#CCCCCC;}
.desk-menu .active-menu{opacity:0.5;}

/*** SUB-HEADER GENERAL ***/
.sub-header-menu{padding:19px 0;}
.sub-header-menu a{text-decoration:none; color:#000000; font-size: 18.6px; line-height: 22px; margin-right:100px;}
.sub-header-menu a.active-menu{opacity:0.5;}
.sub-header-menu .text-end a{text-decoration:underline; margin-right:0;}
.sub-header-menu .works-sp-sh a{color:#FFFFFF;}

/*** SUB-HEADER PAGE COLORS ***/
.sub-header-menu.options-sh{background: #FFCE70;}
.sub-header-menu.about-sh{background: #3C9DE9;}
.sub-header-menu.works-sh{background: #3C9DE9;}
.sub-header-menu.works-s-sh{background: #7360EE;}
.sub-header-menu.works-d-sh{background: #38B0E2;}
.sub-header-menu.works-i-sh{background: #2CDBA2;}
.sub-header-menu.works-ss-sh{background: #646464;}

/*** FOOTER ***/
footer{background: #C4C8CC; padding:127px 0;}
footer .col h5{font-size: 18px; line-height: 21px; margin-bottom:20px;}
footer .col a{font-size: 14px; line-height: 17px; text-decoration:none; color:#000000; display:block; margin-bottom:10px;}
footer hr{padding:0; margin:0; background-color:#000000; opacity:1; margin-top:76px; margin-bottom:48px;}
footer .footer-c, footer .footer-c a{font-size: 18.6667px; line-height: 22px;}
footer .footer-c a{display:inline-block; padding:0 5px;}

/*** SPECIAL LET'S TALK SECTION ***/
.special-lts {background: #F1F1F1; margin-bottom:20px; padding-top:38px; padding-bottom:62px;}
.special-lts h2{font-weight: bold; font-size: 85.3333px; margin-bottom:0;}
.special-lts img{max-width: 100%;}
.special-lts .special-lts-btn{font-size: 24px; line-height: 29px; padding: 20px 50px; background: linear-gradient(180deg, #3C9DE9 0%, #0573CA 100%); border-radius: 50px;}
.special-lts .special-lts-btn .bi{padding-left:20px;}
.special-lts .row{align-items: flex-end;}

/*** SPECIAL SOCIAL SECTION ***/
.special-ss {margin-bottom:20px;}
.special-ss .col-12{padding:0;}
.special-ss .special-ss-box-bg{background: #F1F1F1; position:relative; height:742px; padding-top:58px;}
.special-ss h5{font-weight: bold; font-size: 48px; line-height: 57px; margin-bottom:6px;}
.special-ss p{font-size: 24px; line-height: 150%; margin-bottom:55px;}
.special-ss .special-ss-fixed-img{position:absolute; bottom:0; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width:100%;}
.special-ss .special-ss-profiles img{padding:0 50px;}

/*** DASHBOARD FIRST SECTION ***/
.dashboard-fs .row{height:1000px; align-items: center;}
.dashboard-fs .btn-av{font-size: 24px; line-height: 29px; padding: 20px 50px; background: linear-gradient(180deg, #3C9DE9 0%, #0573CA 100%); border-radius: 50px;}
.dashboard-fs .btn-av .bi{padding-left:20px;}
.dashboard-fs .title-av{font-weight: bold; font-size: 96px; line-height: 70px;}
.dashboard-fs .exp-av{font-size: 40px; line-height: 150%; margin:21px 0 56px 0; color: grey;}
.dashboard-fs .dashboard-fs-r, .dashboard-fs  .dashboard-fs-l{}

/*** DASHBOARD TRIPLE BOX SECTION ***/
.dashboard-tbs {padding:0 10px;}
.dashboard-tbs .dashboard-tbs-box {padding:10px; position:relative; overflow:hidden; margin-bottom:10px;}
.dashboard-tbs .dashboard-tbs-box-bg{background: #F1F1F1; overflow: hidden; position: relative;}
.dashboard-tbs .dashboard-tbs-box img{position:absolute; top:128px; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width:100%;}
.dashboard-tbs .dashboard-tbs-box h5{padding-bottom:415px; padding-top:32px;}
.dashboard-tbs .dashboard-tbs-box-btn{font-size: 24px; line-height: 29px; padding: 20px 50px; background: #FFFFFF; border-radius: 50px; color:#494949; border-color:#FFFFFF; margin-bottom:58px; z-index:2; position:relative;}
.dashboard-tbs .dashboard-tbs-box-btn:hover{background: #FFFFFF; color:#494949; border-color:#FFFFFF;}
.dashboard-tbs .dashboard-tbs-box-btn .bi{padding-left:10px; color:#494949;}

/*** DASHBOARD CLIENTS SECTION ***/
.dashboard-cs {background: #FAFAFA; margin-bottom:20px;}
.dashboard-cs .col h2{font-weight: bold; font-size: 85px; line-height: 102px; padding-top:75px; padding-bottom:10px;}
.dashboard-cs .col p{margin-bottom:59px; font-size: 32px; line-height: 150%;}
.dashboard-cs .dashboard-cs-btn{font-size: 24px; line-height: 29px; padding: 20px 50px; background: linear-gradient(180deg, #3C9DE9 0%, #0573CA 100%); border-radius: 50px;}
.dashboard-cs .dashboard-cs .bi{padding-left:20px;}
.dashboard-cs .dashboard-cs-ci img{padding-top:97px; padding-bottom:90px;}

/*** DASHBOARD REVERSE FIRST SECTION ***/
.dashboard-rfs {background-color:#F1F1F1; margin-bottom:10px;}
.dashboard-rfs .row{height:700px; align-items: center;}
.dashboard-rfs .col-md-5 img{max-width:100%;}
.dashboard-rfs .title-av{font-weight: bold; font-size: 96px; line-height: 70px; margin-bottom:57px;}
.dashboard-rfs .exp-av{font-size: 40px; line-height: 150%; margin:21px 0 56px 0;}
.dashboard-rfs .btn-av{font-size: 24px; line-height: 29px; padding: 20px 50px; background: linear-gradient(180deg, #3C9DE9 0%, #0573CA 100%); border-radius: 50px;}
.dashboard-rfs .btn-av .bi{padding-left:20px;}

/*** DASHBOARD FOUR BOX SECTION ***/
.dashboard-fbs {padding:0 10px;}
.dashboard-fbs .dashboard-fbs-box {padding:10px; position:relative; overflow:hidden; margin-bottom:10px;}
.dashboard-fbs .dashboard-fbs-box-bg{background: #F1F1F1; height:620px;}
.dashboard-fbs .dashboard-fbs-box h5{padding-top:55px; font-weight: bold; font-size: 48px; line-height: 57px; color:#000000;}
.dashboard-fbs .dashboard-fbs-box p{font-size: 24px; line-height: 150%;}
.dashboard-fbs .dashboard-fbs-box a{font-size: 16px; line-height: 150%; color:#000000;}
.dashboard-fbs .dashboard-fbs-box img{position:absolute; bottom:10px; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width:100%;}

/*** DASHBOARD OPTIONS SECTION ***/
.dashboard-os {background: #FAFAFA; padding:0 10px 40px 10px; margin-bottom:20px;}
.dashboard-os .dashboard-os-title{padding-top:70px; padding-bottom:42px; font-weight: bold; font-size: 96px; line-height: 70px;}
.dashboard-os .dashboard-os-exp{font-size: 40px; line-height: 150%; margin-bottom:55px;}
.dashboard-os .dashboard-os-box-bg{background: #C4C8CC; border-radius: 8px;}
.dashboard-os .dashboard-os-box img{margin-top:80px; margin-bottom:55px;}
.dashboard-os .dashboard-os-box h5{font-weight: bold; font-size: 64px; line-height: 73.06%; margin-bottom:42px;}
.dashboard-os .dashboard-os-box-list ul{display:inline-block; margin-bottom:80px;}
.dashboard-os .dashboard-os-box-list ul li{font-size: 24px; line-height: 150%;}
.dashboard-os .dashboard-os-box-btn{font-size: 24px; line-height: 29px; padding: 20px 50px; background: #FFFFFF; border-radius: 50px; color:#494949; border-color:#FFFFFF; margin-bottom:50px;}
.dashboard-os .dashboard-os-box-btn:hover{background: #FFFFFF; color:#494949; border-color:#FFFFFF;}
.dashboard-os .dashboard-os-box-btn .bi{padding-left:10px; color:#494949;}

/*** OPTIONS HEADER SECTION ***/
.options-hs img{margin-top:167px; margin-bottom:107px; max-width:100%;}
.options-hs h2{font-weight: bold; font-size: 96px; line-height: 70px; margin-bottom: 40px;}
.options-hs p{font-size: 40px; line-height: 150%; margin-bottom:168px;}

/*** OPTIONS BOXES SECTION ***/
.options-bs .col-12{padding:0;}
.options-bs .options-bs-box-bg{background: #C4C8CC; border-radius: 8px; margin-bottom:20px;}
.options-bs .options-bs-box img{margin-top:80px; margin-bottom:55px;}
.options-bs .options-bs-box h5{font-weight: bold; font-size: 64px; line-height: 73.06%; margin-bottom:42px;}
.options-bs .options-bs-box-list ul{display:inline-block; margin-bottom:80px;}
.options-bs .options-bs-box-list ul li{font-size: 24px; line-height: 150%;}
.options-bs .options-bs-box-btn{font-size: 24px; line-height: 29px; padding: 20px 50px; background: #FFFFFF; border-radius: 50px; color:#494949; border-color:#FFFFFF; margin-bottom:50px;}
.options-bs .options-bs-box-btn:hover{background: #FFFFFF; color:#494949; border-color:#FFFFFF;}
.options-bs .options-bs-box-btn .bi{padding-left:10px; color:#494949;}

/*** ABOUT HEADER SECTION ***/
.about-hs .about-hs-headimg{padding-top:130px; padding-bottom:95px; max-width: 100%;}
.about-hs .about-hs-short-exp{font-size: 24px; line-height: 150%;}
.about-hs .about-hs-long-exp{margin-top:83px; margin-bottom:96px; font-size: 24px; line-height: 150%;}
.about-hs h2{font-size: 85.3333px; line-height: 102px;}

/*** ABOUT CREW SECTION ***/
.about-cs{margin-top:174px;}
.about-cs .about-cs-headimg{margin-bottom:42px; max-width: 100%;}
.about-cs .about-cs-headexp{margin-bottom:42px; font-size: 24px; line-height: 150%;}
.about-cs .about-cs-box{padding:10px;}
.about-cs .about-cs-box-bg{background: #F1F1F1; padding:20px;}
.about-cs .about-cs-box img{height:220px; margin-top:60px; margin-bottom:65px;}
.about-cs .about-cs-box h5{font-weight: bold; font-size: 36px; line-height: 43px; margin-bottom:11px;}
.about-cs .about-cs-box p{font-size: 14px; line-height: 150%; margin-bottom:20px;}
.about-cs .about-cs-box a{font-size: 14px; line-height: 150%; text-decoration-line: underline; color: #000000;}

/*** CONTACT HEADER SECTION ***/
.contact-hs .contact-hs-headimg{padding-top:130px; padding-bottom:95px; max-width: 100%;}

/*** CONTACT FORM & MAP SECTION ***/
.contact-fms {margin-bottom:50px;}
.contact-fms iframe{width:100%; height:100%;}
.contact-fms h2{font-weight: bold; font-size: 96px; line-height: 70px; margin-bottom:45px;}
.contact-fms .contact-fms-exp{font-size: 40px; line-height: 150%; margin-bottom:24px;}
.contact-fms .contact-fms-exp span{font-size: 18px; line-height: 150%; display:block;}
.contact-fms .btn-secondary{background-color:#FFFFFF; color:#000000; margin-right:27px;}
.contact-fms input:not([type='radio']){width:calc(100% - 50px); border-top:none; border-left:none; border-right:none; font-size: 18px; line-height: 150%; margin-bottom:20px; border-bottom:1px solid #000000;}
.contact-fms textarea{width:calc(100% - 50px); border-top:none; border-left:none; border-right:none; border-bottom:1px solid #000000; font-size: 18px; line-height: 150%; margin-bottom:50px;}
.contact-fms button{font-size: 24px; line-height: 29px; padding: 20px 50px; background: linear-gradient(180deg, #3C9DE9 0%, #0573CA 100%); border-radius: 50px;}
.contact-fms button .bi{padding-left:20px;}

/*** WORKS MOBILE SUB HEADER ***/
.works-msh{display:none;}

/*** WORKS HEADER SECTION ***/
.works-hs .works-hs-headimg{margin-top:167px; margin-bottom:210px; max-width: 100%;}
.works-hs h2{font-weight: bold; font-size: 85.3333px; line-height: 102px; margin-bottom:10px;}
.works-hs p{font-size: 32px; line-height: 150%; margin-bottom:147px;}

/*** WORKS CLIENT SECTION ***/
.works-cs {background-color:#FAFAFA; padding-bottom:83px; margin-bottom:20px; text-align:center; overflow: hidden; position:relative;}
.works-cs .works-cs-rw{background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); display:block; position:absolute; top:0; right:0; height:100%; width: 200px; z-index: 2;}
.works-cs h2{font-weight: bold; font-size: 85.3333px; line-height: 102px; padding-top:55px; padding-bottom:75px;}
.works-cs .works-cs-box{background-color: #F1F1F1; height: 200px; position:relative;}
.works-cs .works-cs-box img{position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width:auto !important; max-width:calc(100% - 40px);}
.works-cs .works-cs-exp{color: #3C9DE9; font-size: 24px; line-height: 29px; padding: 52px 0;}

/*** WORKS PROJECTS SECTION ***/
.works-ps {overflow: hidden; position:relative;}
.works-ps .works-ps-rw{background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); display:block; position:absolute; top:0; right:0; height:100%; width: 200px; z-index: 2;}
.works-ps .works-ps-box{cursor:pointer; max-width:420px;}
.works-ps .works-ps-img{width:100%; max-width:420px;}
.works-ps .works-ps-details{padding:20px 23px; background-color:#F1F1F1; }
.works-ps .works-ps-title{font-weight: bold; font-size: 36px; line-height: 43px; margin-bottom:10px;}
.works-ps .works-ps-cat{font-size: 14px; line-height: 150%; margin-bottom:20px;}
.works-ps .works-ps-btn{font-size: 14px; line-height: 150%; text-decoration-line: underline;}
.works-ps .works-ps-exp{color:#3C9DE9; font-size: 24px; line-height: 29px; padding:52px 0;}

/*** WORKS PROJECT DETAIL SECTION ***/
.works-pds {display:none;}
.works-pds .works-pds-hs {padding:95px 0; background-color:#F1F1F1; margin-bottom:20px; display:none;}
.works-pds img{max-width:100%;}
.works-pds .works-pds-title{font-weight: bold; font-size: 96px; line-height: 70px; margin-bottom:57px;}
.works-pds .works-pds-littlexp{font-size: 35px; line-height: 150%; margin-bottom:108px;}
.works-pds .works-pds-longexp{font-size: 35px; line-height: 150%; margin-top:142px; margin-bottom:123px;}
.works-pds .works-pds-btns{margin-top:90px;}
.works-pds .works-pds-pbtn{font-size: 24px; line-height: 29px; padding: 20px 50px; background: #FFFFFF; border-radius: 50px; color:#494949; border-color:#FFFFFF; margin-bottom:58px; cursor:pointer; display:inline-block;}
.works-pds .works-pds-nbtn{font-size: 24px; line-height: 29px; padding: 20px 50px; background: #FFFFFF; border-radius: 50px; color:#494949; border-color:#FFFFFF; margin-bottom:58px; cursor:pointer; display:inline-block;}
.works-pds .works-pds-pbtn:hover, .works-pds .works-pds-nbtn:hover{background: #FFFFFF; color:#494949; border-color:#FFFFFF;}
.works-pds .works-pds-pbtn .bi{padding-right:20px; color:#494949;}
.works-pds .works-pds-nbtn .bi{padding-left:20px; color:#494949;}

/*** WORKS - SUBPAGE HEADER SECTION ***/
.works-shs {padding-top:70px; padding-bottom:100px;}
.works-shs img{max-width:100%;}
.works-shs h2:first-child{font-weight: bold; font-size: 72px; line-height: 100%;}

/*** WORKS - SUBPAGE ARTICLE SECTION ***/
.works-sas {padding-bottom:150px; position:relative;}
.works-shs .row{align-items: center;}
.works-sas p{font-size: 36px; line-height: 150%;}
.works-sas img{position:absolute; bottom:0; right: 0; z-index:-1;}

/*************************************************/
/**************** RESPONSIVE *********************/
/*************************************************/

/*** Olds ***/
@media (max-width: 1400px){
	
	/*** DASHBOARD FIRST SECTION ***/
	.dashboard-fs .col-lg-5 img{max-width:100%;}
	
}

/*** Tablets ***/
@media (max-width: 1200px){
	
	/*** HEADER ***/
	.desk-menu .nav-link{font-size:16px; margin: 0;}
	.header-menu .change-buton{font-size: 16px; line-height: 36px;}
	.header-menu header .btn-dark {font-size: 16px; padding: 8px 20px; }
	
	/*** SUB-HEADER GENERAL ***/
	.sub-header-menu a{margin-right:35px; font-size:16px;}
	
	/*** SPECIAL SOCIAL SECTION ***/
	.special-ss .special-ss-profiles img{padding: 0 35px 35px 35px; z-index: 1; position: relative;}
	
	/*** FOOTER ***/
	footer .col h5{font-weight:bold;}
	
	/*** DASHBOARD FIRST SECTION ***/
	.dashboard-fs .row{height: 530px;}
	.dashboard-fs .title-av{font-size: 50px; line-height: 60px;}
	.dashboard-fs .exp-av{font-size: 30px; margin: 21px 0 30px 0;}
	
	/*** DASHBOARD TRIPLE BOX SECTION ***/
	.dashboard-tbs .dashboard-tbs-box img{max-width: calc(100% - 40px);}
	
	/*** DASHBOARD CLIENTS SECTION ***/
	.dashboard-cs .dashboard-cs-ci img{padding-top: 75px; padding-bottom: 50px; max-width: 100%;}
	
	/*** DASHBOARD REVERSE FIRST SECTION ***/
	.dashboard-rfs .row{height: 440px;}
	.dashboard-rfs .title-av{font-size: 45px; line-height: 45px; margin-bottom: 20px;}
	.dashboard-rfs .exp-av{font-size: 25px; margin: 0px 0 30px 0;}
	
	/*** DASHBOARD FOUR BOX SECTION ***/
	.dashboard-fbs .dashboard-fbs-box h5{padding-top: 20px; font-size: 35px; line-height: 40px; position: relative; z-index: 2}
	.dashboard-fbs .dashboard-fbs-box p{font-size: 16px; position: relative; z-index: 2}
	.dashboard-fbs .dashboard-fbs-box-bg{position:relative; height: 450px;}	
	.dashboard-fbs .dashboard-fbs-box img{max-width:calc(100% - 50px);}
	
	/*** DASHBOARD OPTIONS SECTION ***/
	.dashboard-os .dashboard-os-title{padding-top: 30px; padding-bottom: 30px; font-size: 45px; line-height: 45px; }
	.dashboard-os .dashboard-os-exp{font-size: 25px; margin-bottom: 45px;}
	.dashboard-os .dashboard-os-box-bg{margin-bottom: 20px;}
	.dashboard-os .dashboard-os-box h5{font-size: 35px; margin-bottom: 30px;}
	.dashboard-os .dashboard-os-box-list ul{padding-left: 0; margin-bottom: 15px;}
	.dashboard-os .dashboard-os-box-list ul li{list-style: none; font-size: 18px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #f4f4f4;}
	.dashboard-os .dashboard-os-box-list ul li:last-child{border-bottom:none;}
	.dashboard-os .dashboard-os-box-btn{font-size: 20px; padding: 15px 35px;}
	
	/*** CONTACT HEADER SECTION ***/
	.contact-hs .contact-hs-headimg {padding-top: 30px; padding-bottom: 50px;}
	
	/*** CONTACT FORM & MAP SECTION ***/
	.contact-fms .btn-secondary{margin-right:0; margin-bottom: 7px;}
	
	/*** WORKS HEADER SECTION ***/
	.works-sh .works-sp-sh a{margin-right: 15px;}
	.works-hs .works-hs-headimg{margin-top: 30px; margin-bottom: 50px;}
	
	/*** WORKS PROJECTS SECTION ***/
	.works-ps{padding-left: 0;}
	.works-ps .works-ps-rw{width: 75px;}
	.works-ps .works-ps-title{font-size: 20px; line-height: 25px;}
	.works-hs h2{font-size: 50px; line-height: 75px; margin-bottom: 10px;}
	.works-hs p{font-size: 25px; margin-bottom: 50px;}
	
	/*** WORKS PROJECT DETAIL SECTION ***/
	.works-pds .works-pds-hs{text-align: center; padding: 40px 0;}
	.works-pds .row:first-child  .col{flex:1 0 100%;}
	.works-pds .works-pds-title{font-size: 60px; line-height: 60px; margin-bottom: 25px;}
	.works-pds .works-pds-littlexp{margin-bottom:30px; font-size: 25px;}
	.works-pds .works-pds-longexp{font-size: 25px; margin-top: 60px; margin-bottom: 60px;}
	
	/*** WORKS CLIENT SECTION ***/
	.works-cs{padding-bottom: 20px;}
	.works-cs .works-cs-rw{width: 75px;}
	.works-cs .works-cs-box{height:150px;}
	.works-cs h2{font-size: 50px; line-height: 75px; padding-top: 20px; padding-bottom: 0;}
	
}

/*** Mobile Phones ***/
@media (max-width: 767px){
	
	/*** HEADER ***/
	.header-menu{position:relative;}
	.header-menu .change-mode{display: inline-block; flex: none; margin: 15px auto 0; border: 2px solid #0573CA !important; width: 193px;}
	.header-menu.fixed-mmenu{position:fixed; z-index: 9999; top:0; left:0;}
	.header-menu.fixed-mmenu .header-mmenu-con{overflow-y: scroll; height: 100%; overflow-x:hidden;}
	.header-menu .header-mmenu{background-color: #333333; position: fixed; width: 100%; height: calc(100vh - 52px); overflow: hidden; top: 52px; left: 0; border-top: 1px solid #C4C8CC; padding: 30px 40px; color: #fff; z-index: 9999;}
	.header-menu .header-mmenu-btn{position: absolute; z-index: 10; top: 0; left: 0; color: #fff; display: inline-block; padding: 9px 15px;}
	.header-menu .header-mmenu-btn span{display:block; width:27px; height:2px; background-color:#fff; margin:10px 0; transition: all 0.3s;}
	.header-menu .header-mmenu-btn.open-mmenu span:first-child{transform: rotate( 45deg ); margin-top: 17px;}
	.header-menu .header-mmenu-btn.open-mmenu span:last-child{transform: rotate( -45deg ); margin-top: -12px;}
	.header-menu .mb-3{margin-bottom:0 !important;}
	.desk-menu {display:none;}
	.header-mmenu-list li{flex: 1 0 100%; border-bottom: 1px solid #fff;}
	.header-mmenu-list li:last-child{border-bottom: none;}
	.header-mmenu-list li a{display:block; color:#fff; font-size:25px;}
	.header-mmenu-list li .row{align-items: center;}
	.header-mmenu-list li .text-end{font-size: 30px;}
	.header-mmenu-list li .works-list {padding-left:25px; border-top:1px solid #fff; display:none;}
	.header-mmenu-list li .works-list a{text-decoration:none; opacity:0.5; border-bottom:1px solid #fff; padding:5px 0;}
	.header-mmenu-list li .works-list a:last-child{border-bottom:none;}
	.header-mmenu-list .nav-link:focus,.header-mmenu-list .nav-link:hover{color:#fff;}
	
	/*** SUB-HEADER GENERAL ***/
	.sub-header-menu {display:none;}
	
	/*** SPECIAL LET'S TALK SECTION ***/
	.special-lts {padding-bottom: 45px;}
	.special-lts h2{font-size: 40px; margin-bottom: 25px;}
	.special-lts .col-9, .special-lts .col-3 {flex: 1 0 100%; width:100%;}
	.special-lts .col-3.text-end {text-align: center !important; margin-top:25px;}
	
	/*** SPECIAL SOCIAL SECTION ***/
	.special-ss .special-ss-profiles img{padding: 5px;}
	.special-ss p{margin-bottom: 15px;}
	.special-ss .special-ss-box-bg{padding-top: 35px; height: auto;}
	.special-ss .special-ss-fixed-img{position: static; max-width: calc(100% - 40px); margin-top: 10px;}
	
	/*** FOOTER ***/
	footer {padding: 40px 0 0 0;}
	footer hr {display:none;}
	footer .col {flex: 1 0 100%; margin-bottom: 20px; position:relative;}
	footer .row:first-child .col{border-bottom: 1px solid #212529;}
	footer .row:first-child .col::after {display: block; position: absolute; content: "+"; top: -7px; right: 15px; font-size: 25px;}
	footer .row:first-child .col.active-footer::after {content: "-";}
	footer .col div{display:none;}
	footer .col.text-end{text-align:left !important;}
	
	/*** DASHBOARD FIRST SECTION ***/
	.dashboard-fs .row{height:auto; flex-direction: column-reverse;}
	.dashboard-fs .dashboard-fs-r, .dashboard-fs .dashboard-fs-l{text-align:center !important;}
	.dashboard-fs .title-av{font-size: 40px; line-height: 30px; padding-top: 25px;}
	.dashboard-fs .exp-av{font-size: 15px; margin: 15px 0; color: grey;}
	.dashboard-fs .exp-av br{display:none;}
	.dashboard-fs .btn-av{font-size: 16px; line-height: 16px; padding: 10px 20px; margin-bottom:20px;}
	.dashboard-fs .btn-av .bi{padding-left: 5px;}
	.dashboard-fs .col-lg-5 img{margin-bottom: 30px;}
	
	/*** DASHBOARD TRIPLE BOX SECTION ***/
	.dashboard-tbs .dashboard-tbs-box {padding:0; margin-bottom: 20px;}
	.dashboard-tbs .dashboard-tbs-box h5{padding-bottom: 220px;}
	.dashboard-tbs .dashboard-tbs-box img{top: 90px;}
	.dashboard-tbs .dashboard-tbs-box-btn{font-size: 20px; line-height: 20px; padding: 15px 35px; margin-bottom: 35px;}
	.dashboard-tbs .dashboard-tbs-box-btn .bi{padding-left: 10px;}
	
	/*** DASHBOARD CLIENTS SECTION ***/
	.dashboard-cs .col h2{font-size: 42px; line-height: 50px; padding-top: 15px; padding-bottom: 10px;}
	.dashboard-cs .col p{margin-bottom: 15px; font-size: 15px;}
	.dashboard-cs .dashboard-cs-btn{font-size: 16px; line-height: 16px; padding: 10px 25px;}
	.dashboard-cs .dashboard-cs-ci img{padding-top: 40px; padding-bottom: 40px; max-width: calc(100% - 20px);}
	
	/*** DASHBOARD REVERSE FIRST SECTION ***/
	.dashboard-rfs{margin-bottom: 25px;}
	.dashboard-rfs .row{height:auto; text-align:center;}
	.dashboard-rfs .row .text-end{text-align:center !important;}
	.dashboard-rfs .title-av{font-size: 40px; line-height: 40px; margin-bottom: 20px; margin-top: 25px;}
	.dashboard-rfs .exp-av{font-size: 15px; margin: 0px 0 20px 0;}
	.dashboard-rfs .btn-av{font-size: 16px; line-height: 16px; padding: 10px 25px; margin-bottom:15px;}
	.dashboard-rfs .btn-av .bi{padding-left: 5px;}
	.dashboard-rfs .col-md-5 img{max-width: calc(100% - 20px);}
	
	/*** DASHBOARD FOUR BOX SECTION ***/
	.dashboard-fbs, .dashboard-fbs .container-fluid{padding: 0;}
	.dashboard-fbs .container-fluid .row{padding: 0; margin:0;}
	.dashboard-fbs .container-fluid .row > *{padding: 0;}
	.dashboard-fbs .dashboard-fbs-box-bg{height: auto; padding: 0 10px;}
	.dashboard-fbs .dashboard-fbs-box img{position: static; margin-top:20px;}
	
	/*** DASHBOARD OPTIONS SECTION ***/
	.dashboard-os-box-list{display:none;}
	
	/*** OPTIONS HEADER SECTION ***/
	.options-hs img{margin-top: 30px; margin-bottom: 50px;}
	.options-hs h2{font-size: 35px; line-height: 45px; margin-bottom: 20px;}
	.options-hs p {font-size: 18px; margin-bottom: 35px;}
	
	/*** OPTIONS BOXES SECTION ***/
	.options-bs .options-bs-box h5{font-size: 35px; margin-bottom: 30px;}
	.options-bs .options-bs-box-list ul{padding-left: 0; margin-bottom: 15px;}
	.options-bs .options-bs-box-list ul li{list-style: none; font-size: 18px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #f4f4f4;}
	.options-bs .options-bs-box-list ul li:last-child{border-bottom:none;}
	.options-bs .options-bs-box-btn{ font-size: 20px; padding: 15px 35px;}
	
	/*** ABOUT HEADER SECTION ***/
	.about-hs .about-hs-headimg{padding-top: 30px; padding-bottom: 50px;}
	.about-hs .about-hs-short-exp{font-size: 18px;}
	.about-hs .about-hs-long-exp{margin-top: 40px; margin-bottom: 20px; font-size: 16px;}
	.about-hs h2{font-size: 40px; line-height: 70px;}
	
	/*** ABOUT CREW SECTION ***/
	.about-cs { margin-top: 20px; }
	
	/*** CONTACT FORM & MAP SECTION ***/
	.contact-fms .col{flex: 1 0 100%;}
	.contact-fms h2{font-size: 64px; line-height: 15px; margin-bottom: 35px;}
	.contact-fms .contact-fms-exp{font-size: 32px;}
	.contact-fms input:not([type='radio']){width: 100%;}
	.contact-fms textarea{width: 100%; margin-bottom: 20px;}
	.contact-fms button{font-size: 20px; padding: 10px 35px; margin-bottom: 25px;}
	
	/*** WORKS MOBILE SUB HEADER ***/
	.works-msh{display:block; margin-bottom:25px;}
	.works-msh .col{flex:1 0 100%; background-color:#F1F1F1; margin-bottom:15px; padding:10px 0;}
	.works-msh .col a{display:block;}
	.works-msh .works-msh-d{display:none;}
	
	/*** WORKS HEADER SECTION ***/
	.works-hs .works-hs-headimg{margin-top: 10px; margin-bottom: 25px;}
	
	/*** WORKS PROJECTS SECTION ***/
	.works-ps .works-ps-rw{display:none;}
	.works-ps .works-ps-title{font-size: 16px; line-height: 20px;}
	.works-ps .works-ps-exp{padding: 25px 0;}
	.works-hs h2{font-size: 30px; line-height: 50px; margin-bottom: 10px;}
	.works-hs p{font-size: 18px; margin-bottom: 30px;}
	
	/*** WORKS PROJECT DETAIL SECTION ***/
	.works-pds .works-pds-hs{padding: 30px 0;}
	.works-pds .col{flex: 1 0 100%;}
	.works-pds .col.text-end{text-align:center !important;}
	.works-pds .works-pds-title{font-size: 35px; line-height: 40px; margin-bottom: 15px;}
	.works-pds .works-pds-littlexp{margin-bottom: 30px; font-size: 16px;}
	.works-pds .works-pds-longexp{font-size: 16px; margin-top: 30px; margin-bottom: 30px;}
	.works-pds .works-pds-btns{margin-top: 40px;}
	.works-pds .works-pds-pbtn, .works-pds .works-pds-nbtn{font-size: 16px; line-height: 20px; padding: 20px 30px; margin-bottom: 40px;}
	.works-pds .works-pds-pbtn .bi{padding-right: 5px;}
	.works-pds .works-pds-nbtn .bi{padding-left: 5px;}
	
	/*** WORKS CLIENT SECTION ***/
	.works-cs .works-cs-rw{display:none;}
	.works-cs h2{font-size: 35px; line-height: 55px;}
	
	/*** WORKS - SUBPAGE HEADER SECTION ***/
	.works-shs {padding-top: 20px; padding-bottom: 30px; }
	.works-shs h2:first-child { font-weight: bold; font-size: 30px; line-height: 100%; }
	
	/*** WORKS - SUBPAGE ARTICLE SECTION ***/
	.works-sas p { font-size: 20px;}
	
	/*** DARK MODE - RESPONSIVE ***/
	.dark-mode footer .row:first-child .col{border-bottom: 1px solid #fff;}
	
}

/*** DARK MODE ***/
body.dark-mode, .dark-mode .dashboard-os{background-color:#181818;}
.dark-mode .header-menu{background: #101010;}
.dark-mode .header-menu header .btn-dark{background: #C4C8CC; border: 1px solid #FFFFFF; color:#000;}
.dark-mode footer hr{background-color:#fff;}
.dark-mode .contact-fms input:not([type='radio']), .dark-mode .contact-fms textarea{padding:10px 20px; border-radius:5px;}
.dark-mode .works-ps .works-ps-rw{background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);}
.dark-mode .works-cs .works-cs-rw{background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);}

.dark-mode .works-msh .col{background-color:#313131;}
.dark-mode .works-msh .works-msh-d{display:inline-block;}
.dark-mode .works-msh .works-msh-l{display:none;}

.dark-mode .works-cs .works-cs-box{background-color:#181818;}
.dark-mode .works-cs .works-cs-box img{filter: brightness(0) invert(1);}

.dark-mode .dashboard-tbs .dashboard-tbs-box-bg{background: #313131; }
.dark-mode .dashboard-os .dashboard-os-box-bg{background: #333333;}
.dark-mode footer{background: #101010;}
.dark-mode .about-cs .about-cs-box-bg{background: #252525;}
.dark-mode .options-bs .options-bs-box-bg{background: #333333;}
.dark-mode .works-shs, .dark-mode .works-sas {background: #444444;}
.dark-mode .works-ps .works-ps-details{background: #252525;}
.dark-mode .works-pds .works-pds-hs{background: #252525;}

.dark-mode .dashboard-fs, .dark-mode .dashboard-cs,.dark-mode .dashboard-rfs, .dark-mode .dashboard-fbs .dashboard-fbs-box-bg,  .dark-mode .special-ss .special-ss-box-bg, .dark-mode .special-lts, .dark-mode .works-cs{background-color:#252525;}

.dark-mode .dashboard-fs .title-av, .dark-mode .dashboard-tbs .dashboard-tbs-box h5, .dark-mode .dashboard-cs .col h2, .dark-mode .dashboard-cs .col p, .dark-mode .dashboard-cs h3, .dark-mode .dashboard-rfs .title-av, .dark-mode .dashboard-rfs .exp-av, .dark-mode .dashboard-fbs .dashboard-fbs-box h5, .dark-mode .dashboard-fbs .dashboard-fbs-box p, .dark-mode .dashboard-fbs .dashboard-fbs-box a, .dark-mode .dashboard-os .dashboard-os-title, .dark-mode .dashboard-os .dashboard-os-exp, .dark-mode .dashboard-os .dashboard-os-box h5, .dark-mode .dashboard-os-box-list, .dark-mode footer a, .dark-mode footer .col h5, .dark-mode .contact-fms h2, .dark-mode .contact-fms .contact-fms-exp, .dark-mode .special-ss h5, .dark-mode .special-ss p, .dark-mode .about-hs .about-hs-short-exp, .dark-mode .about-hs .about-hs-long-exp, .dark-mode .about-hs h2, .dark-mode .about-cs .about-cs-headexp, .dark-mode .about-cs .about-cs-box h5, .dark-mode .about-cs .about-cs-box p, .dark-mode .about-cs .about-cs-box a, .dark-mode .special-lts h2, .dark-mode .options-hs h2, .dark-mode .options-hs p, .dark-mode .options-bs .options-bs-box h5, .dark-mode .options-bs-box-list, .dark-mode .works-shs h2:first-child, .dark-mode .works-sas p, .dark-mode .works-hs h2, .dark-mode .works-hs p, .dark-mode .works-ps .works-ps-title, .dark-mode .works-ps .works-ps-cat, .dark-mode .works-ps .works-ps-btn, .dark-mode .works-pds .works-pds-title, .dark-mode .works-pds .works-pds-littlexp, .dark-mode .works-pds .works-pds-longexp, .dark-mode .works-cs h2, .dark-mode footer .row:first-child .col::after, .dark-mode footer .col.text-end{color:#fff;}