sompahumansome.right/* Reset defaults */
 html {
     color: #222;
     font-size: 1em;
     line-height: 1.4;
     box-sizing: border-box;
     font-family: "Rubik Mono One", Helvetica, Arial, sans-serif;
}
 *, *:before, *:after {
     box-sizing: inherit;
}
/* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * Customize the background color to match your design. */
 ::-moz-selection {
     background: #b3d4fc;
     text-shadow: none;
}
 ::selection {
     background: #b3d4fc;
     text-shadow: none;
}
/* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */
 audio, canvas, iframe, img, svg, video {
     vertical-align: middle;
}
 img{
     max-width:100%;
}
/* * Remove default fieldset styles. */
 fieldset {
     border: 0;
     margin: 0;
     padding: 0;
}


/* ---------------------*/
 body {
     margin: 0;
     font-family: "Public Sans", Helvetica, Arial, sans-serif;
     background:#373737;
}
 .link:hover {
     text-decoration: underline;
     cursor: pointer;
}
 header {
     width: 100%;
     background-color: #E7D8C0;
     z-index: 3;
     position: relative;
     top: 0;
     min-height:72px;
}

a {
     text-decoration: none;
}

 .strong{
     font-weight:700;
}


 .maxwidth{
     max-width:100%;
	 width:1920px;
}

 .left{
     float:left;
}
 .right{
     float:right;
}
 .alignleft{
     text-align:left;
}
 .alignright{
     text-align:right;
}
 .aligncenter{
     text-align:center;
}

 .beige {
     background-color: #E7D8C0;
}

 .maincont{
     /*width:100%;*/
     margin-right: auto;
     margin-left: auto;
     display:block;
}
 .maincont2{
     float:left;
     background:#d59b3e;
     position: relative;
}

 main {
     padding: 0;
     background:#FFF;
}
 main a {
     color:#222;
     text-decoration: underline;
}
 main .mainsectcont{
     min-height: 500px;
}

 main .content {
     padding:0 24px 24px 24px;
     line-height:24px;
}

 header {
     background-color: #D59B3E;
}

/* ------------ Language selector start ------------*/

 .langmenucnt {
     display:block;
     float:right;
     position:relative;
}
 .langcnt{
     background-image: url("../images/language_inv.png");
     background-repeat: no-repeat;
     background-size: 28px;
     display:none;
     float: left;
     margin-top: 6px;
     background-position: left center;
}
 .langtext{
     font-size:14px;
     padding-left: 42px;
     padding-left: 34px;
     line-height: 34px;
     color:#FFF;
}
/* ------------ Language selector end ------------*/


 .midcol {
     display: block;
     float: left;
     width: 100%;
}
 .largetext{
     font-family: "Rubik Mono One", Helvetica, Arial, sans-serif;
     color: #222;
     display: block;
     font-size: 34px;
     font-weight: 400;
     margin:0;
     padding: 30px 0 50px 0;
}
 .mediumtext{
     font-family: "Rubik Mono One", Helvetica, Arial, sans-serif;
     font-size: 20px;
     font-weight: 400;
     margin: 0;
     padding: 26px 0;
}



/* ------------ Sidebar start ------------*/

 .smllogo{
     position: absolute;
     width: 90px;
     height: 72px;
     background:#FFF;
}
 .smllogo.bottom{
     bottom:0;
}
 .smllogo.top{
     top:0;
}
 .smllogo.left{
     left:0;
}
 .smllogo.right{
     right:0;
}
 .smllogo img{
     margin: 10px 20px;
     width: 50px;
}
 .sidetext{
     width: 90px;
     display: block;
     top: 60px;
     margin: 0;
     padding:46px 0;
}
 .sidetext.left{
     left:0;
}
 .sidetext.right{
     right:0;
}
 .title{
     font-size: 54px;
     line-height: 1;
     transform: rotate(-90deg) translateY(50px) translateX(-100%);
     transform-origin: 0% 50%;
     position: fixed;
     top: 115px;
     font-family: "Rubik Mono One", Helvetica, Arial, sans-serif;
}
/* ------------ Sidebar end ------------*/







/* ------------ Navi & topbar start ------------*/


 .topbar {
     display: block;
     justify-content: space-between;
     align-items: center;
     padding: 0 26px 0 26px;
     font-weight: 400;
     font-family: "Rubik Mono One", Helvetica, Arial, sans-serif;
}

 .topbartext {
     font-size: 18px;
     font-weight: 400;
     line-height: 34px;
     font-family: "Rubik Mono One", Helvetica, Arial, sans-serif;
     margin: 20px 0 0 0;
     color:#FFF;
}

 .topbartext:hover{
     color:#222;
}

 nav{
     font-size: 28px;
}
 .menucont{
     height: 100%;
     width: 0;
     position: fixed;
     z-index: 3000;
     overflow-x: hidden;
	 padding-top: 0px;
}
 .menuoverlay {
     position: relative;
	 height: 100%;
	 background:#d59b3e;     
}
 .toplinks{
	 padding: 12px 0 64px 0;
	 margin: 0 auto;
}
 .mobnavlink{
     color:#FFF;
}
 .mobnavlink:hover{
     color:#222;
}
 .mobnavul{
	 font-family: "Rubik Mono One", Helvetica, Arial, sans-serif;
     list-style: none;
     margin: 0;
	 padding:0;
}
 .mobnavsep {
     width: 100%;
     float:left;
     text-align: center;
     margin:15px 0;
}
 .mobnavclose {
     margin-top: 8px;
     text-align:right;
	 padding:0 32px 0 0;
	 margin-bottom: 60px;
}

.mobnavclose a{
     margin-right:38px;
}
/* ------------ Navi & topbar end ------------*/









/* ------------ hero start ------------*/

 .sompahumancnt{
     width: 100%;
     position: relative;
}
 .sompahumansomecnt {
     width: 100%;
     margin-bottom: 36px;
     float: left;
}
 .sompahumansome {
     font-family: "Rubik Mono One", Helvetica, Arial, sans-serif;
     font-size: 16px;
     position: relative;
}
 .sompahumansome.right {
     right: 20px;
}
 .sompahumansome.left {
     left:20px;
}
 .sompahumansome p {
     display: block;
     font-size: 14px;
     margin: 18px 0 12px 0px;
     clear: both;
     float: left;
}
 .sompahumansome img{
     display:block;
}
 .sompahumanicons{
     position: relative;
     clear: none;
}
 .sompahumanicons a.left{
     float:left;
}
 .sompahumanicons a.right{
     float:right;
}
 .sompahuman {
     display: block;
     position: relative;
     margin: auto;
     text-align: center;
	 margin-left:35px;
}
 .socmediacontinv{
     width: 48px;
     height: 48px;
     display: block;
     border-radius: 50%;
     background: #000;
     margin: 0px 6px 0 0px;
     float:left;
}
 .socmediacontinv.right{
     float:right;
}
 .socmediacontinv:hover{
     background: #d59b3e;
}
 .saha{
     width:120px;
}
 .sometop img {
     width: 26px;
     height: 26px;
     text-align:center;     
	 margin:12px 0 0px 9px;
}
 .sompahumanimg{
     width: 100%;
     height: 100%;
     position: relative;
     top: 0;
     left: 0;
}
 .sompahumanimg img {
     margin-top:24px;
     padding: 0;
}
/* ------------ hero end ------------*/









/* ------------ footer start ------------*/

 footer {
     box-sizing: border-box;
     background-color: black;
     color: white;
     width: 100%;
     padding:42px 24px 12px 24px;
}
 footer section {
     margin: 0 auto;
}
 footer .contact {
     justify-content: space-between;
     margin-bottom: 20px;
     text-align:center;
}
 footer .email {
     color:#FFF;
     text-decoration:underline;
}
 footer contact .center {
     justify-content: center;
}
 footer contact .center .some {
     background-color: white;
}
 footer contact .center .some:hover {
     background-color: #D59B3E;
}
 footer contact .right {
     text-align: right;
}
 .slogan{
     padding: 10px 0 12px 0;
}
 .slogan img{
     width:100%;
}
 .some {
     width: 48px;
     height: 48px;
}
 .socmediacont{
     width: 48px;
     height: 48px;
     float: left;
     display: block;
     border-radius: 50%;
     background: #FFF;
     margin: 0 10px;
}
 .socmediacont:hover{
     background: #d59b3e;
}
 .socmedia{
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 140px;
     margin-top: 21px;
}
 .contactcnt{
     flex-direction: column;
     text-align: center;
     width: 100%;
     display: flex;
}
 .contactcol{
     display: flex;
     justify-content: center;
}
 .contactcol.col1{
     order: 1;
}
 .contactcol.col2{
     order: 3;
}
 .contactcol.col3{
     order: 2;
}
 .some img {
     width: 26px;
     height: 26px;
     text-align:center;
     margin:11px 0 0 0;
}


/* ------------ footer end ------------*/






 .payment {
     font-weight: 700;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
}
 .paymentimg {
     display: block;
     margin-left: auto;
     margin-right: auto;
     max-height: 73px;
     margin-bottom: 24px;
}
 .paymentimgcnt {
     display:block;
     width:100%;
     min-height: 74px;
}
 .paymentimgcnt.holvi {     
	 margin-top: 23px;
     min-height: 51px;
}
 .paymentimg.holvi {
     margin-top: 14px;
}
 .paymentcnt{
     margin-top:60px;
}
 .contpadlrg{
     padding: 60px 24px;
}

 .contpadsml{
     padding: 48px 0 82px 0;
}
 .sidecnt{
     display:none;
}


 .colsingleimg{
     width:80%;
     display: block;
     margin: auto;
     margin-top: 40px;
}
 .bigbtn {
     font-family: "Rubik Mono One", Helvetica, Arial, sans-serif;
     font-weight: 400;
     color: #222;
     background:#fffdcb;
     text-decoration:none;
     outline: none;
     font-size: 18px;
     border: 6px solid #222;
     box-shadow: 11px 10px 0 -4px #fffdcb, 11px 10px 0 2px #222;
     padding: 18px 20px 14px 20px;
}
 .bigbtncnt {
     text-align: center;
     margin:100px 0 100px 0;
}





@media screen and (min-width: 20.5em) {
	.mediumtext{
         font-size: 14px;
    }
}

@media screen and (min-width: 22em) {
	.mediumtext{
         font-size: 20px;
    }
}

@media screen and (min-width: 30.5em) {
	.mediumtext{
         font-size: 22px;
    }
}
	
 @media screen and (min-width: 35.5em) {
     .colsingleimg{
         width:60%;
         display: block;
         margin: auto;
         margin-top: 40px;
    }
     .largetext{
         font-size: 40px;
         padding: 38px 0 60px 0;
    }
	.mediumtext{
         font-size: 24px;
    }
     .topbartext{
         font-size: 18px;
    }
     .langtext{
         font-size:18px;
    }
     .langcnt{
         margin-top: 3px;
		 background-size: 34px;
    }     
     .contpadlrg{
         padding: 40px;
    }
     .contpadsml{
         padding: 64px 0 36px 0 
    }
     .socmediacontinv{
         margin: 0px 6px 0 0px;
    }
     footer {
         padding:42px 20px 23px;
         padding:42px 20px 23px 24px;
    }
     .bigbtn{
         font-size: 20px;
         border: 6px solid #222;
         box-shadow: 11px 10px 0 -4px #fffdcb, 11px 10px 0 2px #222;
         padding: 18px 24px 12px 24px;
    }
}
 @media screen and (min-width: 48em) {
	header {
         background-color: #E7D8C0;
    }
     .largetext {
         font-size: 42px;
         padding: 40px 0 62px 0;
    }
     .sidecnt{
         display:block;
    }
     
     .topbartext, .topbartext a{
         color:#222;
         font-size: 28px;
    }
     .langtext{
         color:#222;
    }
     .langcnt {
         background-image: url(../images/language.png);
    }
     .langtext{
         padding-left: 42px;
    }
     .midcol{
         display:block;
         float:left;
         width: calc(100% - 180px);
    }
     .contpadsml{
         padding:70px 40px;
    }
     footer {
         padding:42px 36px 10px 36px;
    }
     .sompahumansome p {
         font-size: 16px;
    }
     .bigbtn{
         font-size: 28px;
         border: 6px solid #222;
         box-shadow: 11px 10px 0 -4px #fffdcb, 11px 10px 0 2px #222;
         padding: 18px 24px 12px 24px;
    }
     .mediumtext{
         font-size: 28px;
    }
}
 @media screen and (min-width: 64em) {
	header .logo{
         width:111px;
    }
     .colsingleimg{
         width:80%;
         display: block;
         margin: auto;
         margin-top: 40px;
    }
     .contpadsml{
         padding:70px 60px;
    }
     .socmediacontinv{
         margin: 0 4px;
    }
   
     .largetext {
         font-size: 44px;
         padding: 42px 0 64px 0;
    }
     .midcol{
         width: calc(100% - 222px);
    }
     .smllogo{
         width:111px;
    }
	.smllogo img {
         margin: 8px 28px;
         width: 54px;
    }
     .sidetext{
         width:111px;
    }
     .title{
         font-size: 62px;
         transform: rotate(-90deg) translateY(60px) translateX(-100%);
         transform-origin: 0% 50%;
         top: 115px;
    }

     .bigbtn{
         background:#fffdcb;
         font-size: 34px;
         border: 6px solid #222;
         box-shadow: 11px 10px 0 -4px #fffdcb, 11px 10px 0 2px #222;
         padding: 18px 27px 12px 27px;
    }
	.topbartext:hover {
         color: #d59b3e;
    }

     .sompahuman {
         display: block;
         position: relative;
         margin: auto;
         text-align: center;
         margin-bottom:0;
    }
	.sompahumansome {
         position: absolute;
         top: 0;
    }
     .sompahumanicons{
         position: relative;
         clear: both;
    }
     .sompahumansome.right {
         right: 20px;         
    }
     .sompahumanicons a.right {
         float: right;
    }
     .sompahumansomecnt {
         width: 100%;
         display: block;
         position: static;
         margin-bottom: 36px;
         float: none;
    }
     .sompahumanimg img {
         padding: 0 0 0 46px;
    }
     .mediumtext{
         font-size: 24px;
    }
}
 @media screen and (min-width: 80em) {
     .maincont {
         max-width:100%;
		 /*width:1920px;*/
    }
     .contpadlrg{
         padding: 80px;
    }     
     .contpadsml{
         padding:70px 100px;
    }
     .largetext {
         font-size: 46px;
         padding: 44px 0 66px 0;
    }
     .contactcnt{
         width: 100%;
         display: flex;
         flex-direction: row;
         text-align: justify;
    }
     .contactcol{
         width:100%;
    }
     .contactcol.col1{
         order: 1;
         justify-content: flex-start;
    }
     .contactcol.col2{
         order: 2;
    }
     .contactcol.col3{
         order: 3;
         text-align: right;
         justify-content: flex-end;
    }
     .colsingleimg{
         max-width: 400px;
    }
     .socmedia {
         margin-top: 0;
    }
     .some img {
         text-align:center;
         margin: 11px 0px 0px 11px;
    }
     footer {
         padding: 135px 22px 11px 22px;
    }
     .bigbtn{
         font-size: 38px;
         border: 6px solid #222;
         box-shadow: 11px 10px 0 -4px #fffdcb, 11px 10px 0 2px #222;
         padding: 18px 27px 12px 27px;
    }
     .mediumtext{
         font-size: 28px;
    }
}
 @media screen and (min-width: 120em) {
     .sompahumanimg{
         margin-top:0;
    }
     .socmediacontinv.left{
         margin:0 6px 0 0;
    }
     .socmediacontinv.right{
         margin:0 0 0 6px;
    }     
     .largetext {
         font-size: 48px;
         padding:0px 0 46px 0;
    }
     .bigbtn {
         font-size: 45px;
         border: 7px solid #222;
         box-shadow: 11px 10px 0 -4px #fffdcb, 11px 10px 0 2px #222;
         padding: 18px 27px 12px 27px;
    }
}
 @media screen and (min-width: 160em) {
     .socmediacontinv{
         margin: 0 8px;
    }     
}
 @media screen and (min-width: 240em) {
     .socmediacontinv{
         margin: 0 11px;
    }     
}