body{width: 100%; background:#fff ; padding: 0; margin: 0; font-family: "Wix Madefor Display", sans-serif; }

a{text-decoration: none !important; border: none; outline: none; outline: none; font-family: "Wix Madefor Display", sans-serif; }

h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0; font-family: "Wix Madefor Display", sans-serif; }

ul{ padding: 0; margin: 0; }

li{ list-style: none; border: none; outline: none; font-family: "Wix Madefor Display", sans-serif; }

*{padding: 0;margin: 0;}

/*.container{ width: 1400px; }*/



/*Header Top Start*/

.header{ width: 100%; position: sticky; background: #fff; top: 0; left: 0; right: 0; display: block; padding: 0; margin: 0; box-shadow: 0 0 10px #416cd142; z-index: 9999; }

.header .header-top{ width: 100%; position: relative; display: block; background: #012258; padding: 10px 0; margin: 0;  text-align: center; }

.header .header-top h5{ font-size: 14px; line-height: 16px; color: #fff; padding: 0; margin: 0; font-weight: 300; }



/*Header Bottom Start*/

.header .header-bottom{ width: 100%; position: relative; background: #fff; display: block; padding: 20px 0; margin: 0;}

.header .header-bottom .logo{ width: 100%; padding: 10px 0 0; margin: 0; position: relative; }

.header .header-bottom .logo img{ width: 100%;}

.header .header-bottom .menu ul{ padding: 3px 0 0; margin: 0; width: auto; }

.header .header-bottom .menu ul li a{ font-weight: 600; font-size: 16px;  transition: all 600ms ease-in-out;}

.header .header-bottom .menu ul li ul li a{ color: #000000b5; font-weight: 400; }
.header .header-bottom .menu ul li a.resume-btn{ background: #051774;
  color: #fff;
  padding: 5px 15px;
  position: relative;
  top: -5px;
  font-weight: 400; border-radius: 0; }
.header .header-bottom .menu ul li a.resume-btn:hover{ color: #fff; } 
 .header .header-bottom .menu ul li a.resume-btn::after{ display: none; }
.header .header-bottom .menu ul li a:hover{color: #0c1c6b; transition: all 600ms ease-in-out;}

.header .menu{ width: 100%;

  text-align: center;

  display: inline-block;

  padding: 5px 0 0;

  margin: 0;; }



.sf-menu a { font-family: "Wix Madefor Display", sans-serif; position: relative; display: block; text-align: center; background: none; border-radius: 30px; transition: .5s; color: #121212; border: none; padding: 0 5px; margin: 0; font-size: 17px; line-height: 20px; font-weight: bold; }







/*Banner Start*/

.banner{ width: 100%; display: block; position: relative; background: #00032c; padding: 0; margin: 0; height: 650px; }

.banner img{ width: 100%; opacity: 0.7; height: 650px; }





/*Inner Banner*/

.inner-banner{ width: 100%; height: 350px; position: relative; display: block; padding: 0; margin: 0; }

.inner-banner img{ width: 100%; }

.inner-banner .inner-banner-block{ position: absolute; content: ""; bottom: 140px; left: 0; right: 0; padding: 0; margin: 0; }

.inner-banner h1.inner-head{ position: relative; font-size: 45px; line-height: 50px; color: #fff; font-weight: 600; padding: 0; margin: 0; font-style: normal; text-transform: uppercase; font-family: "Kanit", sans-serif; font-family: "Wix Madefor Display", sans-serif; }

.inner-banner h1.inner-head span{ color: #2ae188; font-weight: 400; }

.inner-banner .inner-nav{ position: relative; bottom: 0; background: #2ae18830; padding: 10px 0; margin: 60px 0 auto; text-align: center; border-top: 1px solid #2ae188; border-left: 50px solid #2ae188; border-right: 50px solid #2ae188; }

.inner-banner .inner-nav ul{ padding: 0; margin: 0; }

.inner-banner .inner-nav ul li{ display: inline-block; padding: 0 5px; color: #fff; font-size: 14px; line-height: 18px; font-weight: 400; margin: 0; text-transform: uppercase; }

.inner-banner .inner-nav ul li a{ color: #2ae188; font-weight: bold; }

.inner-banner .inner-nav ul li a:hover{ color: #00ff83; }







/*About Us*/

.about{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0; margin: 0; }



.about .about-text-block{ width: 100%; padding: 0; margin: 0; position: relative; }

.about .about-text-block h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 20px; margin: 0; font-weight: 600; text-transform: uppercase; font-family: "Kanit", sans-serif; }

.about .about-text-block p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }

.about .about-text-block a{ position: relative; display: inline-block; margin: 15px 0 0; padding: 10px 30px; text-align: center; font-size: 18px; letter-spacing: 1px; text-decoration: none; color: #051567; background: transparent; cursor: pointer; transition: ease-out 0.5s; border: 2px solid #0B1A6C; }



.about .about-text-block a:hover { box-shadow: inset 0 -100px 0 0 #2C3A8A; color: #fff !important; border: 2px solid #f7f7f7; }



.about .about-text-block a:active { transform: scale(0.9); }





.about .about-image-block{ width: 100%; padding: 0; margin: 0; overflow: hidden; cursor: pointer; }

.about .about-image-block img{ width: 100%; transition: 0.3s; transform: scale(1); }

.about .about-image-block img:hover{ transform: scale(1.1); }





/*Community Empowerment*/

.community{ width: 100%; position: relative; display: block; background: #f7f7f7; padding: 40px 0; margin: 0;  }

.community h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 20px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.community .community-box-content{ width: 100%; padding: 15px; margin: 0; border: 1px solid #ccc; background: #fff; transition: all 400ms ease-in-out; }

.community .community-box-content:hover{ transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }

.community .community-box-content img{ width: 100%; }

.community .community-box-content h4{ font-size: 20px; line-height: 26px; color: #051567; padding: 15px 0 5px; margin: 0; font-weight: 600; text-align: center; }

.community .community-box-content p{ font-size: 16px; font-weight: 300; letter-spacing: 0; line-height: 26px; padding: 0 0 15px; color: #454545; text-align: center; font-family: "Wix Madefor Display", sans-serif; height: 115px; }

.community .community-box-content a{ position: relative; padding: 8px 0; text-align: center; font-size: 14px; letter-spacing: 1px; color: #051567; cursor: pointer; transition: ease-out 0.5s; border: 1px solid #0B1A6C; margin: 0 auto; display: block; background: #f7f7f7; width: 50%; }

.community .community-box-content a:hover { box-shadow: inset 0 -100px 0 0 #2C3A8A; color: #fff !important; border: 1px solid #f7f7f7; }

.community .community-box-content a:active { transform: scale(0.9); }





/*consumer-behavior*/

.consumer-behavior{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }

.consumer-behavior h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 20px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.consumer-behavior .consumer-behavior-box-content{ width: 100%; padding: 12px; margin: 0; border: 1px solid #e0e0e0; background: #f7f7f7; transition: all 400ms ease-in-out; }

.consumer-behavior .consumer-behavior-box-content:hover{ transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }

.consumer-behavior .consumer-behavior-box-content img{ width: 100%; }

.consumer-behavior .consumer-behavior-box-content h4{ font-size: 18px; line-height: 24px; color: #051567; padding: 15px 0 5px; margin: 0; font-weight: 600; text-align: center; }

.consumer-behavior .consumer-behavior-box-content p{ font-size: 15px; font-weight: 300; letter-spacing: 0; line-height: 24px; padding: 0 0 15px; color: #454545; text-align: center; font-family: "Wix Madefor Display", sans-serif; height: 140px; }

.consumer-behavior .consumer-behavior-box-content a{ position: relative; padding: 8px 0; text-align: center; font-size: 14px; letter-spacing: 1px; color: #051567; cursor: pointer; transition: ease-out 0.5s; border: 1px solid #0B1A6C; margin: 0 auto; display: block; background: #fff; width: 60%; }

.consumer-behavior .consumer-behavior-box-content a:hover { box-shadow: inset 0 -100px 0 0 #2C3A8A; color: #fff !important; border: 1px solid #f7f7f7; }

.consumer-behavior .consumer-behavior-box-content a:active { transform: scale(0.9); }





/*Hidden Gems*/

.hidden-gems{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }

.hidden-gems h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.hidden-gems h2 span{ display: block; font-size: 16px; line-height: 18px; padding: 0 0 30px; margin: 0; color: #454545; }

.hidden-gems p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }

.hidden-gems b{ font-size: 16px; display: block; font-style: italic; line-height: 22px; margin: 0 0 5px; color: #454545; font-weight: 400; }

/*Building Lives*/

.building-lives{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }

.building-lives h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.building-lives b{ font-size: 16px; display: block; font-style: italic; line-height: 22px; margin: 0 0 5px; color: #454545; font-weight: 400; }

.building-lives h2 span{ display: block; font-size: 16px; line-height: 18px; padding: 0 0 30px; margin: 0; color: #454545; }

.building-lives p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }

.building-lives h4{ font-size: 26px; line-height: 34px; color: #051567; padding: 30px 0 20px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.building-lives .building-lives-block{ width: 100%; display: inline-block; background: #f7f7f7; padding: 0; margin: 0 0 30px; }

.building-lives .building-lives-block .building-lives-image-block{ width: 35%; float: left; padding: 0; margin: 0; }

.building-lives .building-lives-block .building-lives-image-block img{ width: 100%; }



.building-lives .building-lives-block .building-lives-text-block{ width: 65%; float: left; padding: 30px; margin: 0; }

.building-lives .building-lives-block .building-lives-text-block p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }



/*Spark Studios*/

.spark-studios{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }

.spark-studios h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.spark-studios h2 span{ display: block; font-size: 16px; line-height: 18px; padding: 0 0 30px; margin: 0; color: #454545; }

.spark-studios p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 30px 0 0; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }

.spark-studios .spark-studios-block{ width: 100%; padding: 15px; margin: 0; border: 1px solid #ccc; background: #f7f7f7;  transition: all 400ms ease-in-out; }

.spark-studios .spark-studios-block:hover{ transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }

.spark-studios .spark-studios-block img{ width: 100%; }

.spark-studios .spark-studios-block p{  font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 26px; padding: 15px 0 0; color: #232222 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; font-style: italic; }

.spark-studios b{ font-size: 16px; display: block; font-style: italic; line-height: 22px; margin: 0 0 5px; color: #454545; font-weight: 400; }



/*Hobbies*/

.hobbies{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }

.hobbies h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.hobbies h4{ font-size: 24px; line-height: 30px; color: #051567; padding: 15px 0 10px; margin: 0; font-weight: 600; font-family: "Kanit", sans-serif; }

.hobbies h4 span{ display: block; font-size: 16px; line-height: 18px; padding: 0; margin: 0; color: #454545; }

.hobbies .hobbies-block{ width: 100%; padding: 15px; margin: 0; border: 1px solid #ccc; background: #f7f7f7;  transition: all 400ms ease-in-out; }

.hobbies .hobbies-block:hover{ transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }

.hobbies .hobbies-block img{ width: 100%; }

.hobbies .hobbies-block p{  font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 26px; padding: 0; color: #232222 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; font-style: italic; height: 55px; }



/*Photography*/

.photography{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }

.photography h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.photography .photography-block{ width: 100%; padding: 15px; margin: 0; border: 1px solid #ccc; background: #f7f7f7;  transition: all 400ms ease-in-out; }

.photography .photography-block:hover{ transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }



.photography .photography-block img{ width: 100%; }

.photography .photography-block p{  font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 26px; padding: 15px 0 0; color: #232222 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; font-style: italic; }



.photography .photography-top-block{ width: 100%; padding: 0; margin: 0 0 30px; }

.photography #photography-slider .item{ margin: 0 15px; }

.photography .photography-top-block .gallery-box{ position: relative; width: 100%; padding: 15px; margin: 0; float: left; border: 1px solid #051567; height: 383px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); background: #fff; }

.photography .photography-top-block .gallery-box img.pho-gall { width: 100%; height: 350px; }

.photography .photography-top-block .gallery-box .view-caption { position: absolute; top:-160%; width: 100%; text-align: center; padding: 195px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: #051566ad; left: 0; }

.photography .photography-top-block .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); left: 0; }

.photography .photography-top-block .gallery-box .view-caption p {  transition:all 600ms ease-in-out;border: 1px solid #fff; width: 50%; font-size: 12px; font-weight: 300; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #051567; padding: 9px 15px; color: #fff !important; margin: -15px auto 0; text-transform: uppercase; text-align: center; }



.photography .photography-bottom-block{ width: 100%; padding: 0; margin: 0 0 30px; }

.photography #photography-slider2 .item{ margin: 0 15px; }

.photography .photography-bottom-block .gallery-box{ position: relative; width: 100%; padding: 15px; margin: 0; float: left; border: 1px solid #051567; height: 393px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); background: #fff; }

.photography .photography-bottom-block .gallery-box img.pho-gall { width: 100%; height: 360px; }

.photography .photography-bottom-block .gallery-box .view-caption { position: absolute; top:-160%; width: 100%; text-align: center; padding: 200px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: #051566ad; left: 0; }

.photography .photography-bottom-block .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); left: 0; }

.photography .photography-bottom-block .gallery-box .view-caption p {  transition:all 600ms ease-in-out;border: 1px solid #fff; width: 32%; font-size: 12px; font-weight: 300; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #051567; padding: 9px 15px; color: #fff !important; margin: -15px auto 0; text-transform: uppercase; text-align: center; }

















/*Internships*/

.internships{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }

.internships2{ background: #f7f7f7; }

.internships h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.internships b{ font-size: 16px; display: block; font-style: italic; line-height: 22px; margin: 0 0 5px; color: #454545; font-weight: 400; }

.internships h2 span{ display: block; font-size: 16px; line-height: 18px; padding: 0 0 30px; margin: 0; color: #454545; }



.internships ul{ display: inline-block; width: 100%; padding: 0; margin: 0; }

.internships ul li{  font-size: 17px; font-weight: 600; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #161616 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }



.internships p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }





/*Research Paper*/

.research{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0; margin: 0; }

.research h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.research h2 span{ display: block; font-size: 16px; line-height: 18px; padding: 0 0 30px; margin: 0; color: #454545; }

.research .research-text-block{ width: 100%; padding: 0; margin: 0; position: relative; }



.research .research-text-block p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }

.research .research-text-block a{ position: relative; display: inline-block; margin: 15px 0 0; padding: 10px 30px; text-align: center; font-size: 18px; letter-spacing: 1px; text-decoration: none; color: #051567; background: transparent; cursor: pointer; transition: ease-out 0.5s; border: 2px solid #0B1A6C; }



.research .research-text-block a:hover { box-shadow: inset 0 -100px 0 0 #2C3A8A; color: #fff !important; border: 2px solid #f7f7f7; }



.research .research-text-block a:active { transform: scale(0.9); }





.research .research-image-block{ width: 100%; padding: 15px; margin: 0; overflow: hidden; border: 1px solid #ccc; background: #f7f7f7; }

.research .research-image-block img{ width: 100%; transition: 0.3s; transform: scale(1); }

.research .research-image-block img:hover{  }



/*photo-gallery-block*/

.photo-gallery-block{ width: 100%; display: block; position: relative; background: #f7f7f7; padding: 60px 0; margin: 0; }





.photo-gallery-block h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.photo-gallery-block #photo-slider .item{ margin: 0 15px; }

.photo-gallery-block img{ width: 100%; }





.photo-gallery-block .gallery-box{ position: relative; width: 100%; padding: 15px; margin: 0; float: left; border: 1px solid #051567; height: 330px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); background: #fff; }

.photo-gallery-block .gallery-box img.pho-gall { width: 100%; height: 298px; }

.photo-gallery-block .gallery-box .view-caption { position: absolute; top:-160%; width: 100%; text-align: center; padding: 165px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: #051566ad; left: 0; }

.photo-gallery-block .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); left: 0; }

.photo-gallery-block .gallery-box .view-caption p {  transition:all 600ms ease-in-out;border: 1px solid #fff; width: 50%; font-size: 12px; font-weight: 300; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #051567; padding: 9px 15px; color: #fff !important; margin: -15px auto 0; text-transform: uppercase; text-align: center; }



/*Inner Photo Gallery Block*/

.inner-photo-gallery-block{ width: 100%; display: block; position: relative; background: #f7f7f7; padding: 60px 0; margin: 0; }

.family{ background: #fff; padding: 60px 0; margin: 0; }

.inner-photo-gallery-block h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.inner-photo-gallery-block h3{ font-size: 26px; line-height: 30px; color: #051567; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.inner-photo-gallery-block .item{ margin: 0 15px; }
.inner-photo-gallery-block .gallery-box{ position: relative; width: 100%; padding: 15px; margin: 0 0 30px; float: left; border: 1px solid #051567; height: 330px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); background: #fff; }

.inner-photo-gallery-block .gallery-box img.pho-gall { width: 100%; height: 298px; }

.inner-photo-gallery-block .gallery-box .view-caption { position: absolute; top:-160%; width: 100%; text-align: center; padding: 165px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: #051566ad; left: 0; }

.inner-photo-gallery-block .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); left: 0; }

.inner-photo-gallery-block .gallery-box .view-caption p {  transition:all 600ms ease-in-out;border: 1px solid #fff; width: 50%; font-size: 12px; font-weight: 300; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #051567; padding: 9px 15px; color: #fff !important; margin: -15px auto 0; text-transform: uppercase; text-align: center; }











/*Hidden Gems Gallery*/

.hidden-gems-gallery-block{ width: 100%; display: block; position: relative; background: #f7f7f7; padding: 40px 0; margin: 0; }



.hidden-gems-gallery-block h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.hidden-gems-gallery-block img{ width: 100%; }



.hidden-gems-gallery-block .gallery-box{ position: relative; width: 100%; padding: 15px; margin: 0 0 30px; float: left; border: 1px solid #051567; height: 200px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); background: #fff; transition: all 400ms ease-in-out; }

.hidden-gems-gallery-block .gallery-box img.pho-gall { width: 100%; height: 169px; }

.hidden-gems-gallery-block .gallery-box:hover{ transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }

.family-day{ width: 100%; display: block; position: relative; background: #fff; padding: 40px 0; margin: 0; }

.family-day .gallery-box{ height: 339px;}

.family-day .gallery-box img.pho-gall { height: 307px; }



.feedback{ width: 100%; display: block; position: relative; background: #f7f7f7; padding: 40px 0; margin: 0; }

.feedback .gallery-box{ height: 339px;}

.feedback .gallery-box img.pho-gall { height: 307px; }





/*Contact*/

.contact{ width: 100%; display: block; position: relative; background: #fff; padding: 40px 0; margin: 0; }

.contact h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }



.contact .contact-block-contact{ width: 100%; padding: 0; margin: 0; }

.contact .contact-block-contact h3{ font-size: 24px; line-height: 30px; color: #051567; padding: 0 0 15px; margin: 0; font-weight: 600; font-family: "Kanit", sans-serif; text-transform: capitalize; }

.contact .contact-block-contact ul{ display: inline-block; width: 100%; padding: 0; margin: 0; }

.contact .contact-block-contact ul li{ font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }

.contact .contact-block-contact ul li i{ font-size: 30px; color: #051567; padding: 0 10px 0 0;}

.contact .contact-block-contact ul li a{ color: #454545 ; }

.contact .contact-block-contact ul li a:hover{  }



.contact .contact-block-map{ width: 100%; padding: 15px; margin: 0; background: #f7f7f7; border: 1px solid #ccc; height: 300px; }

.contact .contact-block-map iframe{ width: 100%; height: 100%; }











/*Footer*/

.footer{ width: 100%; position: relative; display: block; background: url(../images/footer-banner.png) no-repeat top right; background-size: cover; padding: 50px 0 40px; margin: 0; }

.footer .footer-logo{ width: 50%; display: block; margin: 0 auto 30px;  }

.footer .footer-logo img{ width: 100%; }

.footer p{ font-size: 16px; line-height: 26px; padding: 0; margin: 0 0 30px 0; text-align: center; color: #999; font-weight: 300; letter-spacing: 0.6px; }

.footer  h4{ font-size: 30px; line-height: 34px; color: #fff; padding: 15px 0 15px; margin: 0; font-weight: 300; text-align:center; text-transform: uppercase; }



.footer ul.footer-nav{ padding: 0; margin: 0 0 20px; display: block; width: 100%; /*float: left;*/ text-align: center; border-top: 1px solid #001271; border-bottom: 1px solid #001171; background: #0012704a; }

.footer ul.footer-nav li{ padding: 10px 4px; margin: 0; color: #fff; font-size: 12px; line-height: 22px; font-weight: 400; display: inline-block; text-transform: uppercase; text-align: center; }

.footer ul.footer-nav li a{ color: #999; transition: all 500ms ease-in-out; font-weight: bold; }

.footer ul.footer-nav li a:hover{ color: #fff; transition: all 500ms ease-in-out; }

.footer .bochure{ width: 20%;

  margin: 0 auto 60px;

  text-align: center;

  padding: 0; }

.footer .bochure a{ font-size: 13px;

  line-height: 18px;

  background: #001271c9;

  width: 100%;

  display: inline-block;

  padding: 12px 0;

  color: #fff;

  text-transform: uppercase;

  border: 1px solid #0c2cd4;

  transition: all 400ms ease-in-out; }

.footer .bochure a:hover{ transition: all 400ms ease-in-out;

  background: #00116deb;

  border: 1px solid #ffffff7a;

  letter-spacing: 1.2px; }



.footer ul.footer-contact-address{ padding: 0; margin: 0; display: block; width: 100%; }

.footer ul.footer-contact-address li{ padding: 0 0 10px; margin: 0; color: #999; font-size: 14px; line-height: 24px; font-weight: 400; display: block;  }

.footer ul.footer-contact-address li a{ color: #fff; transition: all 500ms ease-in-out; }

.footer ul.footer-contact-address li a:hover{ color: #fff; transition: all 500ms ease-in-out; font-style: italic; }

.footer ul.footer-contact-address li i{ color: #fff; padding: 0 10px 0 0; }



.footer .footer-social{ width: 100%; padding: 0; margin: 0;  }

.footer .footer-social h4{ font-size: 30px; line-height: 34px; color: #fff; padding: 15px 0 15px; margin: 0; font-weight: 300; }

.footer .footer-social ul{ padding: 0; margin: 0; width: 100%; display: inline-block; }

.footer .footer-social ul li{ font-size: 14px; line-height: 18px; padding: 0; margin: 0 15px 0 0; display: inline-block; text-align: center; }

.footer .footer-social ul li a{ display: inline-block; line-height: 30px; padding: 0 5px; width: 30px; height: 30px; background: #fff; box-shadow: 2px 2px 2px #1d5a3c8c; border-radius: 5px; }

.footer .footer-social ul li i{ color: #051567; padding: 0; transition: all 500ms ease-in-out; }

.footer .footer-social ul li a:hover{ color: #fff; transition: all 500ms ease-in-out; }

.footer .footer-social ul li a:hover i{ color: #000; transition: all 500ms ease-in-out; }





.footer .copyright{ width: 100%; padding: 0; margin: 0; text-align: center; border-top: 1px solid #ffffff36; }

.footer .copyright p{ font-size: 14px; line-height: 18px; color: #999; padding: 30px 0 0; margin: 0; text-align: center; font-weight: 400; }

.footer .copyright p a{ color: #fff; }

.footer .copyright p a:hover{ font-style: italic; }









/*///-------------------TAB / All Mobile Responsiv view SUJOY-------------------///*/

@media(max-width: 1680px) {

    

    

}



@media(max-width: 1600px) {

    

    



    

    

    

    

}



@media(max-width: 1440px) {



    

}



@media(max-width: 1280px){

   





   

}



@media(max-width: 1080px){}



@media(max-width: 900px){



}



@media(max-width: 800px){}







@media(max-width:786px) {

.banner { height: 400px; }

.banner img { height: 400px; }

.about { padding: 30px 0; margin: 0; }

.about .about-text-block h2 { font-size: 26px; line-height: 30px; padding: 0 0 10px; }

.about .about-text-block p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }

.about .about-text-block a { padding: 8px 25px; font-size: 13px; }

.community { padding: 30px 0; margin: 0; }

.community h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }

.community .community-box-content { padding: 10px; }

.community .community-box-content h4 { font-size: 16px; line-height: 20px; padding: 15px 0 5px; }

.community .community-box-content p { font-size: 13px; line-height: 24px; padding: 0 0 15px; height: 130px; }

.community .community-box-content a { padding: 6px 0; font-size: 12px; width: 55%; }

.consumer-behavior { padding: 30px 0; margin: 0; }

.consumer-behavior h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }

.consumer-behavior .consumer-behavior-box-content { padding: 10px; }

.consumer-behavior .consumer-behavior-box-content h4 { font-size: 14px; line-height: 18px; padding: 15px 0 5px; height: 54px; }

.consumer-behavior .consumer-behavior-box-content p { font-size: 13px; line-height: 24px; padding: 0 0 15px; height: 205px; }

.consumer-behavior .consumer-behavior-box-content a { padding: 6px 0; font-size: 12px; width: 65%; }

.photo-gallery-block { padding: 30px 0; margin: 0; }

.photo-gallery-block h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }

.photo-gallery-block .gallery-box img.pho-gall { height: 235px; }

.photo-gallery-block .gallery-box { padding: 15px; height: 268px; }

.photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 130px 0; }

.photo-gallery-block .gallery-box .view-caption p { width: 50%; font-size: 10px; line-height: 18px; padding: 6px 15px; margin: -15px auto 0; }

.footer { padding: 30px 0 20px; margin: 0; }

.footer .footer-logo { width: 45%; margin: 0 auto 20px; }

.footer p { font-size: 13px; line-height: 23px; margin: 0 0 20px 0; }

.footer ul.footer-nav li { padding: 5px 7px; margin: 0; font-size: 10px; line-height: 22px; }

.footer h4 { font-size: 22px; line-height: 26px; padding: 5px 0 15px; }

.footer .bochure { width: 25%; margin: 0 auto 40px; }

.footer .bochure a { font-size: 11px; line-height: 18px; padding: 10px 0; }

.footer .copyright p { font-size: 10px; line-height: 16px; padding: 15px 0 0; }

#scroll { right: 20px !important; bottom: 50px !important; width: 50px !important; height: 30px !important; }

#scroll span { top: 50% !important; left: 50% !important; margin-left: -6px !important; margin-top: -11px !important; border: 7px solid transparent !important; border-bottom-color: transparent; border-bottom-color: transparent !important; border-bottom-color: #fff !important; }

.inner-banner { height: 175px; }

.inner-banner img { width: 100%; height: 100%; }

.family { padding: 30px 0; margin: 0; }

.inner-photo-gallery-block h2 { font-size: 26px; line-height: 30px; }

.inner-photo-gallery-block h3 { font-size: 20px; line-height: 26px; padding: 0 0 20px; }



.inner-photo-gallery-block .gallery-box img.pho-gall { height: 235px; }

.inner-photo-gallery-block .gallery-box { padding: 15px; height: 268px; }

.inner-photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 130px 0; }

.inner-photo-gallery-block .gallery-box .view-caption p { width: 50%; font-size: 10px; line-height: 18px; padding: 6px 15px; margin: -15px auto 0; }



.inner-photo-gallery-block { padding: 30px 0; margin: 0; }



.hidden-gems-gallery-block .gallery-box{ padding: 15px; height: 150px; }

.hidden-gems-gallery-block .gallery-box img.pho-gall { height: 120px; }

.family-day .gallery-box{ padding: 15px; height: 268px; }

.family-day .gallery-box img.pho-gall { height: 235px; }

.feedback .gallery-box{ padding: 15px; height: 268px; }

.feedback .gallery-box img.pho-gall { height: 235px; }









.contact { padding: 30px 0; margin: 0; }

.contact h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }

.contact .contact-block-contact h3 { font-size: 20px; line-height: 26px; padding: 0 0 15px; }

.contact .contact-block-contact ul li { font-size: 13px; line-height: 24px; padding: 0 0 15px; text-align: left; }

.contact .contact-block-contact ul li i { font-size: 25px; padding: 0 10px 0 0; }

.hidden-gems { padding: 30px 0; margin: 0; }



.hidden-gems h2 { font-size: 26px; line-height: 30px; }

.hidden-gems h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }

.hidden-gems p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }



.hidden-gems-gallery-block { padding: 30px 0; margin: 0; }

.hidden-gems-gallery-block h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }





.building-lives { padding: 30px 0; margin: 0; }

.building-lives h2 { font-size: 26px; line-height: 30px; }

.building-lives b { font-size: 13px; line-height: 20px; margin: 0 0 5px; }

.building-lives h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }

.building-lives p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }



.building-lives h4 { font-size: 20px; line-height: 26px; padding: 20px 0 20px; }

.building-lives .building-lives-block { margin: 0 0 20px; }

.building-lives .building-lives-block .building-lives-text-block { width: 65%; padding: 10px 20px; }

.building-lives .building-lives-block .building-lives-text-block p { font-size: 13px; line-height: 24px; }



.spark-studios { padding: 30px 0; margin: 0; }

.spark-studios h2 { font-size: 24px; line-height: 30px; }

.spark-studios h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }

.spark-studios .spark-studios-block p { font-size: 13px; line-height: 24px; padding: 15px 0 0; height: 100px; }

.spark-studios p { font-size: 13px; line-height: 24px; padding: 20px 0 0; }



.internships { padding: 30px 0; margin: 0; }

.internships h2 { font-size: 26px; line-height: 30px; }

.internships b { font-size: 13px; line-height: 20px; margin: 0 0 5px; }

.internships h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }

.internships ul li { font-size: 13px; line-height: 24px; padding: 0 0 15px; }

.internships p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }



.research { padding: 30px 0; margin: 0; }

.research h2 { font-size: 26px; line-height: 30px; }

.research h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }

.research .research-text-block p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }

.research .research-text-block a{ padding: 8px 25px; font-size: 13px; margin: 0; }



.hobbies { padding: 30px 0; margin: 0; }

.hobbies h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }

.hobbies h4 { font-size: 20px; line-height: 24px; padding: 15px 0 10px; }

.hobbies h4 span { font-size: 13px; line-height: 16px; }

.hobbies .hobbies-block p { font-size: 13px; line-height: 24px; height: 55px; }



.photography { padding: 30px 0; margin: 0; }

.photography .photography-block p { font-size: 13px; line-height: 24px; padding: 15px 0 0; }

.photography .photography-top-block .gallery-box{ padding: 15px; height: 220px; }

.photography .photography-top-block .gallery-box img.pho-gall { width: 100%; height: 188px; }

.photography .photography-top-block .gallery-box .view-caption { top: -140%; padding: 130px 0; }

.photography .photography-top-block .gallery-box .view-caption p { width: 70%; font-size: 10px; line-height: 18px; padding: 6px 0; margin: -15px auto 0; }

.photography .photography-bottom-block .gallery-box { padding: 15px; height: 245px; }

.photography .photography-bottom-block .gallery-box img.pho-gall { width: 100%; height: 213px; }

.photography .photography-bottom-block .gallery-box .view-caption { top: -160%; width: 100%; padding: 120px 0; }

.photography .photography-bottom-block .gallery-box .view-caption p { width: 40%; font-size: 10px; line-height: 18px; padding: 6px 0; margin: -15px auto 0; }

.photography h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }







}

@media(max-width:768px) { 







}



@media(max-width:760px) {

    /*////chek 700////*/

    .header .header-bottom .logo img { width: 75%; }

      #menu-icon { right: 0; top: -8px; }

       .sf-menu { width: 280px !important; right: 0; top: 46px; }

      .banner { height: 350px; }

       .banner img { height: 350px; }

      .about .about-text-block a { padding: 8px 25px; font-size: 13px; margin: 15px 0 20px; }

      .community .community-box-content { padding: 15px; margin: 0 0 30px; }

       .community .community-box-content p { font-size: 13px; line-height: 24px; padding: 0 0 15px; height: 80px; }

       .community .community-box-content a { padding: 6px 0; font-size: 12px; width: 25%; }

       .consumer-behavior .consumer-behavior-box-content { padding: 15px; margin: 0 0 30px; }

       .consumer-behavior .consumer-behavior-box-content p { font-size: 13px; line-height: 24px; padding: 0 0 15px; height: 80px; }

       .consumer-behavior .consumer-behavior-box-content a { padding: 6px 0; font-size: 12px; width: 25%; }

       #scroll { right: 20px !important; bottom: 20px !important; width: 50px !important; height: 30px !important; }

       .about .about-text-block p { font-size: 13px; line-height: 24px; padding: 10px 0; }

        .inner-photo-gallery-block .gallery-box { padding: 15px; height: 885px; }

       .inner-photo-gallery-block .gallery-box img.pho-gall { height: 853px; }

        .inner-photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 425px 0; }

         .inner-photo-gallery-block .gallery-box .view-caption p { width: 25%; font-size: 10px; line-height: 18px; padding: 6px 15px; margin: -15px auto 0; }

         

            

     .hidden-gems-gallery-block .gallery-box { padding: 15px; height: 423px; }

      .hidden-gems-gallery-block .gallery-box img.pho-gall { height: 390px; }

    .family-day .gallery-box{ padding: 15px; height: 885px }

         .family-day .gallery-box img.pho-gall { height: 853px; }

      .feedback .gallery-box { padding: 15px; height: 885px }

      .feedback .gallery-box img.pho-gall { height: 853px; }

      .building-lives .building-lives-block .building-lives-image-block { width: 100%; float: left; padding: 0; margin: 0; }

       .building-lives .building-lives-block .building-lives-text-block { width: 100%; padding: 15px; }

      .spark-studios .spark-studios-block { padding: 15px; margin: 0 0 30px; }

       .spark-studios p { font-size: 13px; line-height: 24px; padding: 0; }

       .footer ul.footer-nav li { padding: 5px 7px; margin: 0; font-size: 9px; line-height: 15px; }

        .research .research-text-block p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }

      .research .research-image-block { padding: 15px; margin: 0 0 15px; }

        .research .research-text-block a { padding: 8px 25px; font-size: 13px; margin: 0 0 15px; }

      .hobbies .hobbies-block { padding: 15px; margin: 0 0 30px; }

      .photography .photography-block { padding: 15px; margin: 0 0 30px; }

        .photography .photography-top-block .gallery-box { padding: 15px; height: 398px; }

      .photography .photography-top-block .gallery-box img.pho-gall { width: 100%; height: 365px; }

  .photography .photography-top-block .gallery-box .view-caption { top: -140%; padding: 200px 0; }

.photography .photography-top-block .gallery-box .view-caption p { width: 50%; font-size: 10px; line-height: 18px; padding: 6px 0; margin: -15px auto 0; } 



  .photography .photography-bottom-block .gallery-box { padding: 15px; height: 403px; }

.photography .photography-bottom-block .gallery-box img.pho-gall { width: 100%; height: 370px; }

.photography .photography-bottom-block .gallery-box .view-caption { top: -160%; width: 100%; padding: 200px 0; }

  .photography .photography-bottom-block .gallery-box .view-caption p { width: 25%; font-size: 10px; line-height: 18px; padding: 6px 0; margin: -15px auto 0; }















}





@media(max-width:699px) {

    /*////chek 600////*/



  .banner { height: 320px; }

  .banner img { height: 320px; }

  #menu-icon { right: 0; top: -11px; }

  .sf-menu { width: 280px !important; right: 0; top: 40px; }



.photo-gallery-block .gallery-box { padding: 15px; height: 330px; }

 .photo-gallery-block .gallery-box img.pho-gall { height: 298px; }

.photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 180px 0; }

  #scroll { right: 20px !important; bottom: 22px !important; width: 40px !important; height: 25px !important; }

  #scroll span { top: 50% !important; left: 50% !important; margin-left: -6px !important; margin-top: -9px !important; border: 6px solid transparent !important; border-bottom-color: transparent; border-bottom-color: transparent; border-bottom-color: transparent !important; border-bottom-color: #fff !important; }

.sf-menu li ul li a { font-size: 12px !important; line-height: 16px; }

  .spark-studios .spark-studios-block p { font-size: 13px; line-height: 24px; padding: 15px 0 0; height: 85px; }





















}



@media(max-width:580px) {

    /*////chek 490////*/





}





@media(max-width:480px) {

    /*////chek 440////*/



}



@media(max-width:430px) {

    /*////chek 400////*/





}



@media(max-width:399px) {

    /*////chek 385////*/





}





@media(max-width:380px) {

    /*////chek 375////*/





}



@media(max-width:365px) {

    /*////chek 320////*/





}