/***********************************************************************************************/



/* TABLE OF CONTENTS: */



/***********************************************************************************************/



/* Font 30yr */



@font-face {

  font-family: Begika;

  src: url(../fonts/BEGIKA.TTF);

}





/* Solomon font */



@font-face {

  font-family: Solomon Sans Light;

  src: url(../fonts/solomon/SOLOMON-SANS-LIGHT.otf);

}



@font-face {

  font-family: Solomon Sans Normal;

  src: url(../fonts/solomon/Solomon-Sans-Normal-Regular.ttf);

}





@font-face {

  font-family: Solomon Sans SemiBold;

  src: url(../fonts/solomon/SOLOMON-SANS-SEMIBOLD.otf);

}



@font-face {

  font-family: Solomon Sans Bold;

  src: url(../fonts/solomon/SOLOMON-SANS-BOOK.otf);

}















/*------------------------------------------------------------------------







  01. Common Styles



      -Typography



      -Buttons



      -Form



  02. Navbar



  03. Banner



  04. About Section





  04. 30 year

  

  05. Amenities



  06. Commerciaol Space



  07. Gallery



  08. Brochure



  07. Contact section



  08. Google maps



  09. Footer



  10. Back to top



  11. Responsive Part







--------------------------------------------------------------------------*/

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





/***********************************************************************************************/



/* =Common Styles */



/***********************************************************************************************/







body {



  font-family: Solomon Sans Normal;



  color: #666666;



  line-height: 24px;



  font-size: 13px;



  -webkit-font-smoothing: antialiased;



/*  padding-top: 68px;*/



  position: relative;



}







a {



  font-family: Solomon Sans Normal;



  color: #000!important;



  -webkit-transition: all .25s ease-in-out;



     -moz-transition: all .25s ease-in-out;



      -ms-transition: all .25s ease-in-out;



       -o-transition: all .25s ease-in-out;



          transition: all .25s ease-in-out;



}







a:hover, a:focus {



  text-decoration: none;



}







img {



  max-width: 100%;



}







.dark-bg {



  background: #34353A;



}







.white-bg {



  background: #fff;



}







.without-padding {



  padding: 0;



}







.marg-0 {



  margin: 0;



}







.pad-b-0 {



  padding-bottom: 0!important;



}







.pad-t-100 {



  padding-top: 100px!important;



}







.bg-gray {



  background: #e5e5e5;



}





/*

.form-control::-moz-placeholder {



  color: #494949;



}



.form-control:-ms-input-placeholder {



  color: #494949;



}



.form-control::-webkit-input-placeholder {



  color: #494949;



}*/







/***********************************************************************************************/



/* =Typography */



/***********************************************************************************************/







h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {



  font-weight: 700;



  color: #1f2021;



  text-transform: uppercase;

font-family:Solomon Sans Normal;



}







h1, .h1, h2, .h2, h3, .h3 {



  margin-top: 0;



  margin-bottom: 20px;



}







h1, .h1 {



 font-family: Solomon Sans Normal;



  font-size: 32px!important;



  font-weight: 400;



}







h2 {



  font-size: 24px;



  font-family: Solomon Sans Normal!important;



}  







h3 {



  font-size: 17px;



}







h4 {



  font-size: 15px;



}







h5 {



  font-size: 12px;



}







h6 {



  font-size: 10px;



}







p {



  margin: 0;



  font-family: Solomon Sans Normal;



  color:#000;

}







.title-section hr {



  width: 15%;



}







.title-section  p {



  font-size: 15px;



  line-height: 26px;



  font-weight: 400;



   color:#000!important;



}







.pad-sec {



  padding: 80px 0!important;



}







.title-section {



  padding-left: 30px;



  padding-right: 30px;



}







.sep-section {



  height: 1px;



  border-bottom: 1px solid #EAEAEA;



}







/***********************************************************************************************/



/* =Buttons */



/***********************************************************************************************/







.btn {



  font-size: 13px;



  padding: 14px 25px;



  border-radius: 1px;



  -webkit-transition: all .25s ease-in-out;



     -moz-transition: all .25s ease-in-out;



      -ms-transition: all .25s ease-in-out;



       -o-transition: all .25s ease-in-out;



          transition: all .25s ease-in-out;



}







.btn:active, .btn.active {



  outline: 0;



  background-image: none;



  -webkit-box-shadow: none;



          box-shadow: none;



}







.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {



  outline: 0;



}







.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, 



.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {



  color: #fff;



  background-color: #000;



  border-color: #000;



}







.btn-xs {



  padding: 5px 14px;



  font-size: 11px;



  text-transform: uppercase;



}







.btn-sm {



  padding: 8px 37px;



  font-size: 12px;



  -webkit-border-radius: 2px;



     -moz-border-radius: 2px;



          border-radius: 2px;



}







.btn-lg {



  padding: 15px 35px;



}







.btn-primary {



  text-transform: uppercase;



  background-color: #000;



  border-color: #000;



}







.btn-black {



  text-transform: uppercase;



  color: #fff;



  background-color: #000;



  border-color: #000;



}







.btn-black:hover {



  background-color: #000;



  border-color: #000;



  color: #fff;



}







.btn-clean {



  border-color: #F5F5F5;



  color: #F5F5F5;



  text-transform: uppercase;



}







.btn-clean:hover, .btn-clean:focus, .btn-clean:active {



  color: #fff;



}







.btn-dark {



  color: #FFF;



  text-transform: uppercase;



  background: #182a54;



  font-weight: 400;



  border-color: #000;



  border-radius:10px!important;



}





/*

.btn-dark:hover, .btn-dark:active, .btn-dark:focus, .btn-dark:visited {



  color: rgba(255,255,255, .85);



  background: #e4a025;



  outline: 0;



  box-shadow: none;



  border-color: #e4a025;



}

*/





.btn-light {



  background: #f3f3f3;



  color: #000;



}







.call-btn {



  text-transform: uppercase;



  padding: 12px 20px;



  font-size: 12px;



  border-radius: 0;



  border: none;



  outline: none;



  display: inline-block;



}







.btn-gray {



  color: #777;



  background: #e5e5e5;



}







/***********************************************************************************************/



/* =Form */



/***********************************************************************************************/







.form-group {



  margin-bottom: 20px;



}







.form-control {



  font-size: 15px;



  background-color: transparent!important;



  height: auto;



  padding: 9px 12px;



    -webkit-box-shadow: none;



  -moz-box-shadow: none;



  font-family: 'Solomon Sans Normal';





}







.form-control:focus {



  color: #111;



  border-color: rgba(0,0,0, .7);



  -webkit-box-shadow: none;



  -moz-box-shadow: none;



  box-shadow: none;



  outline: none;



}







/***********************************************************************************************/









/************************************************************************



// =Navbar



*************************************************************************/







.navbar-default {



  background: #fff;



  border: none;



  width: 100%;



  margin-bottom: 0;



  position: absolute;



  top: 0;



  border-bottom: 2px solid #f0f0f0;



}



.navbar.active {



  position: fixed;



  opacity: 0.95;



  border: 1px solid #E8E8E8;



}







.navbar-nav {



  margin: 30px -10px;



}







.navbar-default .navbar-nav > li > a {



  color: #060606;



  text-transform: uppercase;



  -webkit-transition: color .3s ease-in-out;



  -moz-transition: color .3s ease-in-out;



  -ms-transition: color .3s ease-in-out;



  -o-transition: color .3s ease-in-out;



  transition: color .3s ease-in-out;



}







.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > 



.active > a:focus {



  background: transparent;



  color: #000;



}







.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {



  color: #000;



}







.dropdown-menu {



  top: 117%;



  font-size: 12px;



  text-transform: uppercase;



    -webkit-box-shadow: none;



  box-shadow: none;



  border-radius: 2px;



  border-top: 0;



  padding: 12px 5px;



}







.dropdown-menu>li>a {



  padding: 3px 15px;



  line-height: 1.7;



}







.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {



  background-color: #fff;



  color: #000;



}







.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {



  background-color: #fff;



  color: #000;



}







.navbar-default .dropdown:hover>.dropdown-menu {



  display: block;



}









/***********************************************************************************************/



/* = Gallery section */



/***********************************************************************************************/#







 #gallery-section .title-section {



    padding-bottom: 80px;



    margin-bottom: 80px;



}







#gallery-section .title-section {



    margin-bottom: 30px;



}



#gallery-section{



  background-size: cover;





}







/***********************************************************************************************/



/* =Home hero */



/***********************************************************************************************/



#hero-section {

    position: relative;

    display: table;

    width: 100%;

}



.hero-content {



  position: relative;



  display: table-cell;



  vertical-align: middle;



  width: 100%;



  height: 100%;



  margin: 0 auto;



  z-index: 2;



  text-align: center;



}







.hero-content h1, p.hero {



  color: #000;



}







.hero-content h1 {



/*  font-family:Futura Book, Futura-Bold, Futura Md BT, Futura Std Book!important;*/



font-family: 'Martel Sans', sans-serif;



/*font-family: 'Futura'!important;*/



  font-size: 52px;



  font-weight: 500;



  text-transform: uppercase;



}







.div-line {



  width: 50px;



  background-color: #fff;



  height: 3px;



  margin: 20px auto;



}







p.hero {



/*  font-family:Futura Book, Futura-Bold, Futura Md BT, Futura Std Book!important;*/



font-family: Solomon Sans Normal;



  font-size: 36px;



  line-height: 32px;



  display: block;



  margin-top: 20px;



  text-transform: uppercase;



}







.hero-btn {



  margin-top: 50px;



}







ul.caption-slides {



  padding-left: 0;



}







ul.caption-slides li {



  text-align: center;



}







/***********************************************************************************************/



/* =About Section */



/***********************************************************************************************/



#about .title-section{

background: url(../images/Dot_03.png);

    background-size: 3%;

    background-repeat: no-repeat;

}





.about-hero {



  background: url('../images/hero-bg/about.jpg');



  background-size: cover;



}







.about-hero:before {



  position: absolute;



  content: '';



  top: 0;



  left: 0;



  background: rgba(0, 0, 0, 0.4);



  width: 100%;



  height: 100%;



  z-index: 1;



}







#about-us-section {



  padding: 100px 0;



}







.about-studio h4, .what-do h4, .process-work h4 {



  font-size: 17px;



  font-weight: 500;



  margin-bottom: 15px;



}







.btn-link-a {



  cursor: pointer;



  color: rgba(17, 17, 17, 0.9);



  text-transform: uppercase;



  display: block;



  font-weight: 500;



  margin-top: 25px;



}







.btn-link-a:hover {



  color: #000;



}







#about-section {



  padding: 110px 0 120px 0!important;



}





.big-title-sec {



  text-align: center;



  padding-bottom: 40px;



}





.big-title-sec hr {



  border: 1.5px solid #000;



  margin: 30px auto;



  width: 80px!important;



  margin-bottom: 50px;



}







.big-title-sec .big-title {



  font-weight: 300;



  text-transform: none;



  font-size: 24px;



  color: #000;



}







.big-title-sec .big-subtitle {



  font-family: Solomon Sans Normal;



  margin: 0;



/*  margin-bottom: 28px;*/



  font-size: 32px;



  font-weight: 300;



  line-height: 1.45;



  text-transform: uppercase;



  color: #000;



}







.big-title-sec p {



  font-size: 16px;



  line-height: 28px;



  font-weight: 300;



  color:#000!important;



}







.big-title-sec .view-more {



  padding-top: 50px;



}







.big-title-sec .view-more a.btn-primary {



  margin-right: 2px;



}







.big-title-sec .view-more a.btn-primary:hover {



  opacity: .8;



  background: #000;



  border: 1px solid #000;



}







.about-box {



  text-align: center;



}







.alt-about-icon {



  padding-top: 10px;



  font-size: 44px;



  line-height: 0.9;



  color: #000;



}







.about-box h4 {



  font-weight: 600;



  padding-top: 15px;



  padding-bottom: 8px;



}





/*Overlay projects*/







.overlay {



  position: absolute;



  top: 10px;



  left: 10px;



  bottom: 10px;



  right: 10px;



  background: rgba(15, 15, 15, 0.9);



  opacity: 0;



  -webkit-transition: all .5s ease;



     -moz-transition: all .5s ease;



      -ms-transition: all .5s ease;



       -o-transition: all .5s ease;



          transition: all .5s ease;



}







.overlay .overlay-inner {



  position: absolute;



  top: 40%;



  width: 100%;



  text-align: center;



  bottom: 0;



}







.overlay .overlay-inner h3 {



  color: #F0F0F0;



  margin-bottom: 15px;



  -webkit-transition: all .5s;



     -moz-transition: all .5s;



      -ms-transition: all .5s;



       -o-transition: all .5s;



          transition: all .5s;



  -webkit-transform: translateY(-30px);



     -moz-transform: translateY(-30px);



      -ms-transform: translateY(-30px);



       -o-transform: translateY(-30px);



          transform: translateY(-30px);



}







.overlay .overlay-inner p {



  color: #DBDBDB;



  -webkit-transition: all .5s;



     -moz-transition: all .5s;



      -ms-transition: all .5s;



       -o-transition: all .5s;



          transition: all .5s;



  -webkit-transform: translateY(30px);



     -moz-transform: translateY(30px);



      -ms-transform: translateY(30px);



       -o-transform: translateY(30px);



          transform: translateY(30px);



  margin-bottom: 15px;



}







a:hover .overlay .overlay-inner h3 {



  -webkit-transform: translateY(0);



     -moz-transform: translateY(0);



      -ms-transform: translateY(0);



       -o-transform: translateY(0);



          transform: translateY(0);



}







a:hover .overlay .overlay-inner p, a:hover .overlay .overlay-inner span {



  -webkit-transform: translateY(0);



     -moz-transform: translateY(0);



      -ms-transform: translateY(0);



       -o-transform: translateY(0);



          transform: translateY(0);



}







.overlay-inner span {



  font-size: 42px;



  color: #DBDBDB;



  font-weight: 300;



  -webkit-transition: all .7s;



     -moz-transition: all .7s;



      -ms-transition: all .7s;



       -o-transition: all .7s;



          transition: all .7s;



  -webkit-transform: translateY(30px);



     -moz-transform: translateY(30px);



      -ms-transform: translateY(30px);



       -o-transform: translateY(30px);



}







a:hover .overlay {



  opacity: 1;



}







.view-more {



  text-align: center;



  padding-top: 60px;



}







/***********************************************************************************************/



/* =Contact section*/



/***********************************************************************************************/







#contact-section .divider {



  display: inline-block;



}







#contact-section .title-section {



  padding-bottom: 80px;



}







.form-group .form-control.br-b {



  border-top: 0;



  border-left: 0;



  border-right: 0;



}







textarea.form-control {



  min-height: 100px;



}







#contactform .form-group #submit {



  display: block;



  width: 100%;



  margin-top: 10px;



}







.contact-info {



  text-align: center;



  border-top: 1px solid #EEEEEE;



}







.contact-info a {



  color: #4F4F4F;



  font-size: 18px;



  display: block;



  padding: 50px 0;



}







.contact-info a i {



  display: block;



  font-size: 30px;



  margin-bottom: 15px;



}



.form-group{}





/***********************************************************************************************/



/* =Google maps*/



/***********************************************************************************************/







#map {



  height: 100%;



  width: 100%;



}







#module-maps {



  position: relative;



  width: 100%;



}







/***********************************************************************************************/



/* =Landing page*/



/***********************************************************************************************/







.landing-hero:before {



  position: absolute;



  content: '';



  top: 0;



  left: 0;



/*  background: rgba(0, 0, 0, 0.5);*/



  width: 100%;



  height: 100%;



  z-index: 1;



}







.landing-hero {



  background: url('../images/Gallery/6.jpg');



  background-repeat: no-repeat;



  background-size: cover;



  background-position: right!important;



}



@media (max-width:786px)



{

.navbar-collapse{border-top:unset!important;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:unset!important;}

.navbar-nav{margin:30px -10px!important;}

.navbar-brand{    height: 65px!important;}

#thirty-year-section h2{    font-size: 72px!important;

margin-bottom: -30px!important;

}

.landing-hero {

 background-position: bottom!important;



}



.rowtext{display: unset!important;}



.about-right-txt h2 { font-size: 30px!important;}



#features-app-section-2 .row {display: unset!important;}



/*.navbar-brand img{margin:-20px;}*/



.header button{width:auto;}



.navbar-header {display: -webkit-inline-box;

    -webkit-box-direction: reverse;

    width: 92%;}



/* amenities section */



ul.amenities-list{    padding-top: 0px!important;}



#team-section {padding:50px 0 0 0!important;}



.amenities-center{ margin-top:-30px!important; }



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover



{border-bottom: 0px solid #f69227!important; background-color: unset!important;}



/* mobile video display */





#myVideomobile {

     display: unset!important;

     height: 500px;

}



#myVideo {

     display: none!important;

}



#thirty-year-section p{bottom:30px!important;}

.about-txt h2{font-size: 28px!important;}



.header a.header-btn{width: 60%!important;}



.banner-form{    width: 80%!important;

    margin: auto;}



.features-app-content-left {

  width: 80%!important;

  margin: auto!important;

}





.pad-sec {

    padding: 40px 0!important;

}



.big-title-sec{     padding-bottom: 0px!important;}

}





/*--------------------



  Features Section



----------------------







#features-section {



  padding: 120px 0!important;



  padding-bottom: 100px!important;



  

/*  opacity: 0.7;*/



  background: url('../images/Avant-bg.jpg');



  background-size: cover;



}



#features-section p {font-size: 13px;}





#features-section .title-section {



  padding-bottom: 30px;



}







.features-image {



  text-align: center;



}







.choose-image {



  text-align: center;



}







ul.features-list {



  list-style: none;



  padding: 0;



  padding-top: 50px;



}







ul.features-list li {



  margin-bottom: 30px;



}







.iconbox {



  float: left;



  width: 50px;



  height: 50px;



  text-align: center;



}







.iconbox i {



  font-size: 32px;



  color: #000



}







.features-box-content {



  margin-left: 70px;



}







.features-box-content h6 {



  margin-top: 0;



  font-size: 14px;



  font-weight: 700;



  margin-bottom: 15px;



  line-height: 1.7em;



}







.creative-content-left, .creative-content-right {



/*  padding-top: 100px;*/



}







#creative-section-1 h2, #creative-section-2 h2, #features-app-section-1 h2, #features-app-section-2 h2 {



  font-weight: 400;



  font-size: 32px;



  text-transform: uppercase;



}







#creative-section-1 p, #creative-section-2 p, #features-app-section-1 p {



  line-height: 26px;



  font-size: 14px;



}







#creative-section-1 .view-more, #creative-section-2 .view-more, #features-app-section-1 .view-more, #features-app-section-2 .view-more {



  padding-top: 30px;



  text-align: left!important;



}







.img-creative-left figure, .img-creative-right figure {



  padding: 0 25px;



  text-align: center;



}







/***********************************************************************************************/



/* =App landing page */



/***********************************************************************************************/







.app-hero {



  background: url('../images/hero-bg/app.jpg');







  background-size: cover;



}







.app-hero:before {



  position: absolute;



  content: '';



  top: 0;



  left: 0;



  background: rgba(0, 0, 0, 0.7);



  width: 100%;



  height: 100%;



  z-index: 1;



}







#features-app-section-1, #features-app-section-2 {



  padding: 0 0 100px 0!important;



}







.features-app-content-right {



  padding-top: 30px;



}







#features-app-section-1 h2, #features-app-section-2 h2 {



  margin-bottom: 35px;



}







#features-app-section-1 p {



  margin-bottom: 20px;



  line-height: 29px;



  font-weight: 300;



}







ul.features-app-list {



  list-style-type: none;



  padding-left: 0;



  padding-top: 10px;



}







ul.features-app-list li {



  margin-bottom: 10px;



}







#feature-app-section-2 ul.features-app-list li {



  margin-bottom: 15px!important;



}







.app-feature-icon {



  font-size: 24px;



  color: #000;



  margin-right: 20px;



}







.feature-app-box-content p {



  margin-top: 0;



  font-size: 14px;



  font-weight: 500;



  margin-bottom: 10px!important;



  font-weight: 300;



}







.features-app-content-left {



  padding-top: 40px;

}







#features-app-section-2 ul.features-app-list {



  padding-top: 30px;



}







#features-app-section-2 ul.features-app-list li {



  margin-bottom: 15px;



}







#features-app-section-2 .feature-app-box-content {



  display: table;



}







#features-app-section-2 .feature-app-box-content h6 {



  margin-top: 0;



  font-size: 13px;



  font-weight: 500;



  margin-bottom: 15px;



}







#features-app-section-2 p {



  line-height: 26px;



  font-size: 15px;



  color:#000!important;



}



.img-app-right{



  width: 80%;



    margin: 0 auto;



    justify-content: center;



    vertical-align: middle;



    /* text-align: center; */



    align-items: center;



    display: flex;}





/***********************************************************************************************/



/* =Footer */



/***********************************************************************************************/





#footer-section {

    background: #f69227;

    margin-top: 45px;



}



#footer-section p, #footer-section a{color:#fff!important;}





ul.footer-social-links {



  list-style-type: none;



  padding: 0;



}





ul.footer-social-links li {



  display: inline-block;



  margin-left: 30px;



}







ul.footer-social-links li:first-child {



  margin: 0;



}







ul.footer-social-links li a {



  font-size: 15px;



  color: #4F4F4F;



  display: block;



  text-transform: uppercase;



}







ul.footer-social-links li a:after {



  content: "";



  display: block;



  left: 0;



  right: 0;



  height: 1px;



  background: #fe8869;



  opacity: 0;



  -webkit-transform: translateY(5px);



     -moz-transform: translateY(5px);



      -ms-transform: translateY(5px);



       -o-transform: translateY(5px);



          transform: translateY(5px);



  -webkit-transition: all .3s ease;



     -moz-transition: all .3s ease;



      -ms-transition: all .3s ease;



       -o-transition: all .3s ease;



          transition: all .3s ease;



}





ul.footer-social-links li a:hover:after {



  opacity: 1;



  -webkit-transform: translateY(0);



     -moz-transform: translateY(0);



      -ms-transform: translateY(0);



       -o-transform: translateY(0);



          transform: translateY(0);



}





p.copyright {



/*  padding-top: 10px;*/



}





/***********************************************************************************************/



/* =Back to top */



/***********************************************************************************************/





.back-to-top {



  text-align: center;



  background: #000;



  color: #fff;



  display: none;



  width: 40px;



  height: 40px;



  line-height: 40px;



  font-size: 12px;



  position: fixed;



  right: 20px;



  bottom: 155px;



  opacity: 0.7;



  -webkit-transition: all .3s ease-in-out;



     -moz-transition: all .3s ease-in-out;



      -ms-transition: all .3s ease-in-out;



       -o-transition: all .3s ease-in-out;



          transition: all .3s ease-in-out;



  cursor: pointer;



  z-index: 9999



}



.back-to-top:hover {



  opacity: .9;



}



/***********************************************************************************************/



/* Responsive Part */



/***********************************************************************************************/





@media screen and (max-width: 1200px) {





  #about-section .about {



    padding-top: 40px;



  }



}





@media screen and (max-width: 992px) {



  body {



/*    padding-top: 55px;*/



  }



  .navbar .container {



    width: 95%!important;



  }



  .entry-post {



    padding-bottom: 35px;



  }



  #type-masory {



    width: auto;



}



  #about-section .about {



    padding: 90px 70px;



  }



  .member-team .magnifier .magnifier-inner {



    padding: 0 10px;



  }



  .member-team .magnifier .magnifier-inner p:last-of-type {



    display: none;



  }



  ul.price-table {



    margin-left: 0;



    margin-right: 0;



  }



  .banner-image {



    margin-top: 40px!important;



  }





  .gallery-masory {



    width: auto;



  }





  .contactform {



    padding: 80px 10px;



  }



  .portfolio-desc .col-sm-4 {



    margin-bottom: 20px;



  }



  .portfolio-rel figure {



    margin-bottom: 20px;



  }





  .form-inline .form-control, .form-inline .form-group {



    display: block;



  }





  .newsletter-field {



    width: 100%;



  }





  #blog-head {



    text-align: center!important;



  }



  #search-form {



    margin-top: 30px;



  }



  .breadcrumb {



    text-align: center;



  }



}





@media screen and (max-width: 768px) {





  .navbar .container {



    width: auto;



  }



  .big-title-sec .view-more a {



    margin: 5px 0;



  }





  .hero-content h1 {



    font-size: 38px;



  }



  .soon-countdown div span:first-child {



    font-size: 60px;



  }



  .creative-content-left {



    padding-top: 0;



  }



   #creative-section-1 .view-more {



    text-align: center!important;



   }



 #creative-section-2 .view-more {



    margin-bottom: 80px;



    text-align: center!important;



  }



  .about-studio, .what-do {



    padding-bottom: 35px;



  }



  .member-team {



    margin-bottom: 30px;



  }



  .member-team .magnifier .magnifier-inner {



    padding: 0 30px;



 }



  .member-team .magnifier .magnifier-inner p:last-of-type {



    display: block;



  }



  .banner-content {



    margin-top: 80px;



    margin-bottom: 60px;



    text-align: center;



  }





  .banner-image {



    text-align: center;



    margin-bottom: 40px;



  }





  .client img {



    width: 70%!important;



  }





  .about-me h4 a {



    margin-bottom: 30px;



  }

  .get-section {

    padding: 40px 0!important;

}





}





@media screen and (max-width: 640px) {

  



  h1, .h1 {



    font-size: 40px;



  }



    .hero-content h1 {



    font-size: 33px;



  }



  .soon-countdown div span:first-child {



    font-size: 50px;



  }



  p.hero {



    font-size: 22px;



    line-height: 24px;



  }



  .big-title-sec .big-title {



    font-size: 20px;



  }



  .big-title-sec .big-subtitle {



    font-size: 28px;



  }



  .big-title-sec p {



    font-size: 14px;



  }





  #action-section {



    text-align: center;



  }



  #action-section h2 {



    line-height: 1.4;



  }



  #action-section .btn+.btn {



    margin-left: 0;



    margin-top: 20px;



  }



  .client img {



    width: 100%!important;



  }



}



@media screen and (max-width: 480px) {



  .back-to-top {



    visibility: hidden;



  }



}







/*========================================

              mine edition 

 =======================================*/





/*--------------------



  Amenities Section



----------------------*/







#amenities-section {



  padding: 120px 0!important;



  padding-bottom: 100px!important; 



  background: url('../images/Gallery/8.jpg');



  background-size: cover;



  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.7);





}







#amenities-section .title-section {



  padding-bottom: 30px;



  color:#fff;



}





#amenities-section .title-section  h2{



/*  font-family: 'Futura Book', Futura-Bold, Futura Md BT, Futura Std Book!important;*/



font-family: Solomon Sans Normal;



  color:#fff;



}





.amenities-image {



  text-align: center;



}







.choose-image {



  text-align: center;



}







ul.amenities-list {



  list-style: none;



  padding: 0;



  padding-top: 50px;



}







ul.amenities-list li {



  margin-bottom: 30px;



}









.amenities-box-content {



/*width: 70%;*/

margin: 0 auto;

display: flex;

align-items: center;

}



.amenities-box-content img{

    width:15px;

}



.amenities-box-content p {



    margin-top: 0;

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 15px;

    line-height: 1.7em;

    color: #fff;

/*    text-align: center;*/

    font-family: Solomon Sans Normal;

    margin: auto 10px auto;





}





.img-creative-left figure, .img-creative-right figure {



  padding: 0 25px;



  text-align: center;



}





/* Usp section */



.usp-img img{width:40px; filter: grayscale(100%);}

.amenities-center{ margin-top:-86px; text-align:center; }

.amenities-center img{margin-top: -80px;width: 60px; }

.amenities-center .features-box-content{

margin-left: 0px; 

text-align: center ;

} 



#map {   

 margin: 0 auto; 

 width: fit-content;

}



#map iframe {

 max-width: 100%;   

}



.my-gallery{

background: url(../images/Avant-bg.jpg);

background-size: cover;  max-width: 100%; }



 .magnifier-inner h3{



  text-align: center;

  color:#fff;

  font-size: 30px;



}



/* contact section form */

.form-group select{

    border-bottom: 1px solid #ccc!important;

    border: none;

    border-radius: 0px;

    color: #999;

    padding-left: 8px;}



.form-control{

  border-radius: 0!important;

}





 .navbar-brand img{width: 35%;} 



.header ul li{color:#666!important; }



 .header a.header-btn {

    background: #182a54!important;

    border-radius:10px;

    padding: 8px 15px 8px 15px;

    display: block;

    color: #fff;

    font-size: 13px;

    text-transform: uppercase;

    text-decoration: none;

    cursor: pointer;

    margin-top: 10px;

/*    width: 60%;*/

    text-align: center;

}



.btn-brochure a, .contact-form .btn {

    color: #fff!important;

/*     padding: 10px 10px; */

    padding: 0.5rem 3rem 0.7rem 3rem;

    font-weight: 500;

}

.btn{color:#fff!important;}



.btn:hover{border: 1px solid #000; color:#fff!important;}





/* stickey button for landing page */



.fixedinqiry {

    position: fixed;

    top: 50%;

    right: -78px;

/*    /* box-shadow: 2px 2px 5px rgb(0 0 0 / 50%); */

    z-index: 10000;

     background: #182a54; 

    transform: rotate(270deg);

    border-radius:10px;

}







.fixedinqiry p {

  padding: 10px 25px 10px 25px;

  text-transform: uppercase;

  margin-bottom: 0;

   margin-top: 0;

}



.fixedinqiry p a {

color: #fff!important;

font-size: 22px;

font-family: Solomon Sans Normal;

}







/* Popup form*/



.modal-body p {

    text-align: center;

    text-transform: uppercase;

    color: #000;

    font-weight: bold;

    margin-bottom: 20px;

    margin-top: 25px;

    font-size: 20px;

}



.modal-body .submit-btn {

    background: #215932;

    font-size: 18px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

    border: none;

    padding: 8px 40px;

    cursor: pointer;

}



.modal-content .grid-col-sm-12{text-align: center;}



.navbar-nav>li>a{font-family: Solomon Sans Normal;     font-size: 16px;}



.navbar-default {

    background-color: #fff !important;



    

/*   border-color: white!important ;*/

}



.navbar-static-top {

    border-width: 0 0 0px!important;

}



.navbar-default .navbar-nav>li>a{color:#000;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{border-bottom: 2px solid #f69227; background-color: unset!important;}



button, html input[type=button], input[type=reset], input[type=submit]{    width: 100%;

    border-radius: 0;}



.form-control{box-shadow:unset!important;}



.creative-section-1{text-align: center;}



#footer-section a, .feature-app-box-content a{color:#000;}



#amenities-section p{color:#fff;}







.avant-text{    font-family: Solomon Sans Normal;

    color: #000;

    font-size: 28px;

    line-height: 1.7em;

/*    font-style: italic;*/

    font-weight: 700;}



.form-control {font-size: 16px!important;}



#bannerbutton{margin-top: 18px;

    background: #f69227;

    border: none;

    padding: 10px 6px;

    border-radius: 10px; color:#fff; font-family:'Solomon Sans Normal';}



.btn-group-sm>.btn, .btn-sm{font-size: 15px!important;}



.features-list li img{filter: grayscale(100%);}



.btn-brochure{    margin-top: -6px;}



#myVideo {

      width: -webkit-fill-available;

}



#myVideomobile {

     display: none;

}

/*#video-section{width:fit-content;}*/



#features-app-section-2 .row {display: flex;}



.unique-text{



  font-family:  Solomon Sans Normal;

  font-weight: 500;

  font-size: 60px;

  color:#fff;

}



.banner-form {

background-color: #222222cc;    padding: 20px 30px;





}



.banner-form p{color:#fff; padding:20px; font-size: 20pz;}



.banner-form .form-control, .banner-form .form-control::placeholder, .banner-form .form-control input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea, select{

  color:#fff;



 

}



.rowtext{padding:20px 30px; margin-top: 30px; display: flex;}

.rowtext 2{font-size: 42px; line-height: 26px;}

.about-right-txt {margin:auto;}



.about-right-txt h2{font-size:32px;}





/*===============================================================*/

/*      Brochure section */

/*===============================================================*/





.brochure-right-btn{



    background: #f69227;

    padding: 10px 35px;

    color: #fff;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: normal;

    text-decoration: none;

/*    margin-top: 60px;*/

    display: inline-block;

    cursor: pointer;

    border-radius: 10px;



}



.brochure-right-main img{width: 40%;

  text-align: center;

  margin-bottom: 30px;

  }





/*===============================================================*/

/* Commercial section */

/*===============================================================*/





.com-btn{

padding:10px 6px;

background: #f69227;

width: 250px;

text-align: center;

margin: auto;

border-radius: 10px;

}



.com-btn a, .com-btn a:hover{color:#fff;     font-size: 20px;}

.social-media a {padding:0 20px }







/*===============================================================*/

/*thirty yr section*/

/*===============================================================*/





#thirty-year-section{

  background: #182a54;

}

#thirty-year-section .thir{

font-family:Begika!important;

color:#fff;

font-size:175px;

/*float: right; */

margin-bottom: -90px;

margin-top: 55px;

}



#thirty-year-section p{

color:#fff; font-size: 22px;      bottom: -50px;

    position: absolute;

}





.thirty-text{margin:auto auto auto 0;}



/*.thirty-thirty{background: url(../images/Arbuda_bird.png);

    background-size: 20%;

    background-position: top;

    background-repeat: no-repeat;

}*/



.about-rowtext{    background: url(../images/Dot_light_02.png);

    background-size: 20%;

    background-repeat: no-repeat;

    background-position: bottom;}



.rowtext1{    background: url(../images/Dot_03.png);

    background-size: 3%;

    background-repeat: no-repeat;

    background-position: right;}



    .rowtext3{    background: url(../images/Dot_03.png);

    background-size: 3%;

    background-repeat: no-repeat;

    background-position: left;}



.thirty-txt{    background: url(../images/Arbuda_bird.png);

    background-size: 18%;

    background-position: right;

    background-repeat: no-repeat;}



.thirty-des{

  margin:auto;

  height:100px ;

}

.rowtext .col-sm-6{padding-bottom: 50px;}











.about-txt h2{font-size: 40px;

line-height: 1.7em;

}





/*===============================================================*/

/* Industrial section */

/*===============================================================*/





#industrial-hardware{background: linear-gradient(356deg, #eee, transparent);}