@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Quicksand:wght@300&display=swa');
@import url('https://fonts.googleapis.com/css2?family=Abel&family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap');

html,
body {
    margin:0;
    font-size:  24px!important;
    padding-bottom:60px!important;    
    color:#222;
    font-family:Abel, sans-serif!important;
    font-weight: 400;
    font-style: normal;   
    height: 100dvh;
    display: grid;
    grid-template-rows:auto 1fr auto; 
    grid-template-columns: minmax(0,1fr);
    min-height: 100dvh;
    display: grid;
    grid-template-rows: 1fr auto;
}
.dd1 {
    font-size:30px!important;
    height:50px!important;
}
#javidan {
    position: relative;
    display: block;
    width:100%;    
    margin:50px auto 0 auto;
}
.btn-lang {
    width:60px;
    height: 40px;
    position: relative;
    display: inline-block;
    border-radius:30px;
    border:3px #EF8  outset;
    
}
.btn-lang-ir {
    background: url(images/ir.png) no-repeat center center;
}
.btn-lang-en {
    background: url(images/en.png) no-repeat center center;
}
.btn-lang {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 60px;
}
.flagcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-bottom: -40px;
    font-size: 24px;
    font-weight: 600;
}
.admnimenubar {
    position: relative;
    display: block;
    width:100%;
    text-align: center;
    border-bottom: 1px solid #CCC;
}
#newsletterbox {
    position: relative;
    display: block;
    margin:20px auto 0 auto;
    width:100%;
   max-width:800px;
}
.adminmenu {    
    position: relative;
    display: inline-block;
    padding:4px 16px 4px 16px;
    margin-right: 10px;
    border: 1px solid #F00;
    font-size: 14pt;
}
.pic-center {
    position: relative;
    display: block;
    margin:20px auto 20px auto;
    width:100%;
    max-width: 800px;
}
.areacenter {
    position: relative;
    display: flex;
    justify-content: center;   
    margin: 0 auto 0 auto;
 
}
.tblSubscriptions {
  width: fit-content;
}
.tblSubscriptions td
{
    padding:4px 10px 4px 0px!important;  
    border-bottom: 1px solid #DDD;
}
.tblSubscriptions th 
{
    text-align: center;
    padding:4px 10px 4px 0px!important;  
    border-bottom: 2px solid #999;
}
.btn3 {
    position: relative;
    display: block;
    margin:0 auto 20px auto;
    padding:5px;
    font-size:20px;
    background-color: #CCF;
    border-radius: 40px;
    border:2px solid #00F;
    
}
.tblSubscriptions td{
    padding:4px 0px 4px 10px!important;
    
}
.pagemcenter {
    text-align: center!important;
}
.btnLarge {
    font-size:20px!important;
}
.lang-flag-ir,
.lang-flag-en {
    z-index: 100;
    position: absolute;
    right:60px;
    width: 40px;
    height: 28px;
    margin-top:10px;
    border: 1px #FF0 solid;
}
.lang-flag-ir {
    background: url(images/lang-ir.png) no-repeat center center ;
}
.lang-flag-en {
    background: url(images/lang-en.png) no-repeat center center ;
}
.card-body {
    font-size:26px;
    font-weight: 400;
}
.tbl-about {
    width:100%;
}
.aboutBox{
    width:100%;
    max-width:600px;
    position: relative;
    display: block;
    margin:40px auto 0 auto;
}
.vidx {
    position: relative;   

    width:100%;
    max-width: 600px;
    display: inline-block;
    margin:0 0 10px 0!important;
}
.footer {
    width:100%;
    font-size:14px;
    text-align: center;
    height: 60px;
    color:#AAA;
    padding:10px;
    background-color: #000;
    background:#000;
    margin-top: -60px;
   
}
.tbl-about td {
    padding:10px 10px 10px 10px!important;
}
.menu-lang-ir {
    background: url(../images/menu-ir.png) no-repeat center center;
}
.menu-lang-en {
    background: url(../images/menu-en.png) no-repeat center center;
}
.menu-lang {
    cursor:pointer;
    z-index: 100;
    position: absolute;
    top:150px;
    right:10px;
    width:40px;
    height: 30px;
    margin-top:10px;    
}
.menu-lang:hover {
    opacity: 0.5;
}
.menu-crown {
    position: relative;
    display: inline-block;
    width:30px;
    height: 30px;
    margin-top:-5px;
    background: no-repeat center center url(../images/menu-crown.png);
}
.fitcenter {
    position: relative;
    display:block;
    text-align: center;
    width:100%;
    font-weight: 600;
}
.vidxc {
    position: relative;
    display: block;
margin:20px auto 20px auto;
    width: 100%;
    height: 100%;
        aspect-ratio: 3/2;

}
.vid {
    aspect-ratio: 16/9;
    max-width: 800px;
    width:100%;
    margin:0 0 10px 10px;
}
.vid {
    aspect-ratio: 16/9;
    max-width: 800px;
    width:100%;
    margin:0 0 10px 10px;
}

.newsitem {
    padding:15px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.pic-center {
    position: relative;
    display:block;
    width:100%;
    max-width:1000px;
    margin:10px auto 10px auto;    
}
.linkbtn {
    position:relative;
    display: block;
    width:50px;
    height:30px;
    line-height: 30px;
    font-size: 14px;
    border-radius:10px;
    margin:5px auto 5px auto;
    color: #FFF;
    border-radius: 15px;    
}
.linkcaption {
    width:100%;    
    padding-top:5px;
    text-align: center;
    color:#003;
    font-size:16px!important;
}
.linklogo {
    border-radius: 15px 15px 0 0;
}
.pic-gallery {
    position: relative;
    display: inline-block;
    width:300px;
    border-radius: 15px!important;
    margin:10px;    
}
.link-box {
    position: relative;
    display: block;
    border-radius: 15px;
    float: left;
    width:200px;
    margin:10px;
    background-color: #FFE;
    border:1px solid #DDD;
    text-align: center!important;
    border:1px solid #CCC!important;
    height: 280px;
}

.wid300 {
    max-width: 300px;
    width:100%;
    margin:0 auto 0 auto;
}
red {
    color: red;
}
.centerBox {
    position: relative;
    vertical-align: top;
    display:block;
    width:100%;
    max-width: 800px;
    text-align: center;
    margin:40px auto 0 auto;
    padding:10px;
}
.subscriptionBox {
    position: relative;
    display: block;
    text-align: center;
    width:100%;
    max-width: 600px;
    margin:0 auto 0 auto;
}
.btnSubmit {
    position:relative;
    display:block;
    margin: 20px auto 0 auto;
}
.menu-home {
    padding: 0 20px 0 20px;
}
table td{
    padding:5px 8px 5px 8px!important;
}  

button, input, optgroup, select, textarea {
    border:1px solid #CCC!important;
}
.emblom2 {
    position: relative;
    display: block;
    margin:0 auto 10px auto;
    height:100px;
    background: url(images/emblem.png) no-repeat center center;
}
.emblom {
    position: absolute;
    left:50%;
    width:300px;
    height:100px;
    margin-top:-2px;
    margin-left:-150px;
    background: url(images/emblem.png) no-repeat center center;
}
.header {
    position:relative;
    display:block;
    width:100%;
    height:100px;
    background:url(images/flag-shade.png) repeat-x ;
}
.lyrics {
    font-size:3vw;
    padding-bottom: 50px;
    text-align:center;
    
}
.fitPic {
    width:100%;
    max-width:500px;
    margin:10px auto 10px auto;
}
#anthemflag {
    border-radius: 20px;
    margin:30px auto 20px auto!important;
    position: relative;
    display:block;
    text-align: center;
    max-width:300px;
    width:100%;
}






.amblomtitle {
    color:#F00;
    font-size: 50px;
}
.block1 {
    position: relative;
    text-align: center;
    padding-bottom: 30px;
    display: block;
    margin:20px auto 20px auto!important;
    border-bottom: 1px solid #0F0;
    font-size: 20px!important;
    
    border-bottom:1px solid #F00;
}
.block2 {
    position: relative;
    display: block;
    text-align: center;
    padding-bottom: 20px;
    margin:20px auto 20px auto!important;
    border-bottom: 1px solid #CCC;
    font-size: 20px!important;    
    border-bottom:1px solid #F00;
}
#anthembtn {
    position: relative;
    display: block;
    color:#000!important;
    margin:20px auto 20px auto!important;
    font-size: 20px!important;
    height: 60px;
    line-height: 48px;
    width:160px;
    background: linear-gradient(to bottom, green,white, red);
    background: url(../images/btnflagbg.png)repeat-x ;
}
.lbl-audio {
    font-size:16px;    
    font-weight: 600;
}
figcaption {
    margin-top:0;
}
.btnC {
    position: relative;
    display: inline-block;    
}
.coming-soon {
    position: relative;
    display:block;
    width:100%;
    max-width: 300px;
    height:298px;
    background-size:contain;
    background: url(../images/main/coming-soon.jpg) no-repeat center center;
    margin:0 auto 20px auto;
}
.maxW250 {
    position: relative;
    display:inline-block!important;
    max-width:250px!important;
}
.siteInfo{
    position: relative;
    display:block;
    
    width:100%;
    margin:20px auto 0 auto;
    padding:10px;
    font-size:20px;
    border-top:1px solid #888;
    text-align: center;
    background-color: #FFF;
}
/*end*/
.slogan-box-on, .slogan-box {
    position: relative;
    display: block;
    padding-bottom: 10px;
    margin:0 20px 20px 20px;
    border-radius: 15px;
    border:1px solid #CCC;
    width:calc(100% - 40px);  
}
.slogan-box {
    background-color: #EEFFEE;
}
.slogan-box-on {
    background-color: #FC0;
    

}
slogan-area {
    position:relative;
    display: block;
    margin-top:0px;

    
}
.slogan-line {
    font-size:28px;
    text-align: center;
}
.slogan-no {
    position: relative;
    display: block;
    font-weight: 900;
    background-color: #000;
    color:#FF0;
    padding:5px;
    width:100px;
    margin:0 auto 10px auto;
    text-align: center;
    border-radius: 0 0  15px 15px;
    font-size: 18px;
    
}
.btnContent {
    font-size:2vw!important;
    width:4vw!important;
}
.video-lbl {
    position: relative;
    display: block;
    width:100%;
    font-weight: 900;
    font-size: 4vw;
    text-align: center;
}
.event-card {
    position: relative;
    display:block;
    margin:20px auto 0 auto;
    padding:20px;
    max-width: 870px;
    width:100%;
    background-color: #EEE;
    border-radius: 15px;
    
}
hh1,hh2,  hh3,
hh1c,hh2c,  hh3c {
    width: 100%;
    position: relative;
    display:block;
    font-weight: 600;
    margin:20px 0 20px 0 ;
    color :#778;
    font-family: "Alegreya Sans", sans-serif;
}
hh1,hh1c {
    font-size:30pt;
}
hh2,hh2c {
    font-size:24pt;
}
hh3,hh3c {
    font-size:20pt;
}
hh1c {
    text-align: center!important;    
}
hh2c {
    text-align: center!important;    
}

hh3c {
    text-align: center!important;    
}
.subheading {
    font-style: italic;    
    font-size: 14px;
    margin:10px 0 10px 0;
}
.pagetitle{
    position: relative;
    display:block;
    width:100%;
    background-color:#77D;
    color:#FFF;
    text-align: center;
    font-weight: 600;
text-transform: uppercase;    
   
    
}
   .dnaImg {
    display: inline-block;
    float:right;
    margin:0 0 10px 10px;
    
}
#messagearea {
    position: relative;
    display:block;
    max-width:1000px;
    width:100%;
    margin:0 auto 0 auto;
}
.btnLarge{
    padding:10px 30px 10px 30px!important; 
    font-size: 26px!important;
}
.subnote {
    font-size:1.5vw;
    margin-left:10px;
    color:#888;
    font-style: italic;
}
.aboutartImage{
    position: relative;
    display: block;
    margin:20px auto 0 auto;
    width:50%;
    height: auto;
}
.wid100 {
    max-width: 100px!important;
}
.ddCenter {
    position: relative;
    display: block;
    margin:20px auto 20px auto;
    width:100px!important;

}
    .table td{
        font-size:  2vw!important;
    }
    .gapT1 {
        margin-top:5px!important;
    }
    .gapT2 {
        margin-top:10px!important;
    }
    .gapT3 {
        margin-top:20px!important;
    }
    .gapT4 {
        margin-top:30px!important;
    }
    .gapB1 {
        margin-bottom:5px!important;
    }
    .gapB2 {
        margin-bottom:10px!important;
    }
    .gapB3 {
        margin-bottom:20px!important;
    }
    .gapB4 {
        margin-bottom:30px!important;
    }
    .gapR1 {
        margin-right:5px!important;
    }
    .gapR2 {
        margin-right:10px!important;
    }
    .gapR3 {
        margin-right:20px!important;
    }
    .gapR4 {
        margin-right:30px!important;
    }
.homeProfileBG{
    position: relative;
    display: block;
    top:0px;
    left:0;
    height:auto;
    width:100%;       
    margin:0px auto 0 auto;    
    z-index:0;}

.homeSectionUpper {
    position: relative;
    display: block;
    
    text-align: center;
    max-width:100%;
    width:100%;
}
.homePhoto{
    position:relative;
    display:block;        
    margin:20px auto 30px auto;
    border-radius: 50%;
    width:100%;
    height:auto;
    border:5px solid #000;
    max-width: 400px;
}
.picCaption {
    position: relative;
    margin:10px auto 20px auto;
    text-align: center;
    font-size:14pt;
    width:300px;
}
.homeitemtitle{
    position: relative;
    display: block;
    font-weight:900;
    text-align: center;
    font-size:20pt;  
    font-family: "Alegreya Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.videolblcenter {
    position: relative;
    display:block;
    width:100%;
    margin:10px 0 10px 0;
text-align: center;
}
.centerImage {
    position: relative;
    display:block;
    max-width:305px;
    width:100%;
    height:auto;
    margin:30px auto 30px auto;
}
#mainPic {
    max-width: 800px;
}
.centerbox {
    position: relative;
    display:block;
    max-width:800px!important;
    width:100%;
    height:auto;
    margin:20px auto 0 !important;
}
.centerbox2 {
    text-align: center;
    position: relative;
    display:block;
    max-width:800px!important;
    width:100%;
    height:auto;
    margin:150px auto 0 !important;
}
  
.quicksand {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
a,
a:active,
a:link,
a:live {
    color:inherit!important;
}
a:hover {
    color:inherit!important;    
}

.popup-fade{
    position: absolute;
    opacity:0;
    left:0px;
    top:40px;
    z-index: 1000;    
    top:0px;
    width:200px;
    height:100px;
    text-align: center;
    background-color:#FFF;
    border:2px solid #00F;
}
.fade-out {
        animation: fadeOut 4s;

}
.dnaimg {
    position: relative;
    display: inline-block;
    float:right;
    margin:0 0 30px 30px;
}
@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

#thankyou{
    color:#00F;
    font-size:30px;
}
.inputmed {
    position:relative;
    display: inline-block;
    margin:5px auto 5px auto;
    font-size: 20px!important;
    width:300px!important;
}
.homeSectionLower {    
    position:relative;
    width:100%;
    display: block;
    float:right;
    text-align: center;
    height:500px;
    vertical-align: bottom;

}
.read-more {
    position:relative;
    display: block;
    width:100%;
    text-align: right;
    color:#AAF;
    padding-right:20px;
    line-height: 20px;
    margin-top:10px;
    background:url(../images/main/arrow-right.png) no-repeat right top 4px;
}
.visitorlbl {
    position: relative;
    display:block;
    font-weight:bold;
    text-align: center;
    font-size:16px;
}
.visitorControl {
    position:relative;
    display:block;
    margin-bottom:10px;
    width:100%;
    max-width:500px;
    text-align:left;
}
.hide {
    display:none;
}
.btnAdminRed {
    background-color:#FF6600!important;
}
.fl-r {
    float:right!important;
    margin-left:5px!important;
    margin-right:0px!important;
}
.fl-l {
    float:left!important;
    margin-right:5px!important;
}
.btnAdminRed {
    background-color:#FF6600!important;
}
.btnAdmin {
    float:left;
    margin-right:5px;
    position:relative;
    display:inline-block;
    font-size:14px;
    line-height:30px;
    text-align:center;
    border-radius:5px;
    padding:0 8px 0 8px;
    color:#FFF;
    cursor:pointer;
    background-color:#6699CC;
    height:30px;
    background-repeat:no-repeat;
    background-position:center;
 }
.btnAdmin:hover {
	background-color:#88BBEE;
}
.btnGoToLink {
    position:relative;
    display:block;
    width:40px;
    height:20px;
    border-radius:10px;
    background:url(../images/main/arrow-right.png) no-repeat center center #CCF;
    cursor:pointer;
}
#visitorsMainError {
	position:relative;
	display:block;
	height:20px;
	text-align:left;
	color:#D00;
	font-size:14px;
}
.btnAdminBack {
	width:30px;
    background-image:url(../images/main/btn-back.png);	
}
.btnAdminNext {
	width:30px;
    background-image:url(../images/main/btn-next.png);	
}
.adminFont {
	font-family:sans-serif,Arial, Helvetica;
}
.adminPageNumBar {
	position:relative;
	display:block;
	margin:10px 0 0 0 ;
	width:100%;
}
.adminPageNum {
	position:relative;
	display:inline-block;
	font-size:12px;
	text-align:center;
	margin:0 auto 0 auto;
}
.visitorBlock {
	position:relative;
	display:block;
	text-align:center;
	width:100%;
	background-color:#EEF;        
	margin:20px auto 20px auto;
        padding:15px;
        
}
.tblVisitor {
	font-size:14px;
	line-height:14px;
	border-collapse:collapse;
	width:100%;
}
.visitorsTblBlock {
	margin:10px auto 10px auto;
	max-height:500px;
	overflow-y:auto;
	overflow-x:hidden;
}
.tblVisitor td {
	padding:2px 10px 2px 10px;
	border:1px solid #CCC;
}
.tblVisitor th {
	padding:2px 10px 2px 10px;
	background-color:#7A7BA5;
	color:#FFF;
	border:1px solid #7A7BA5;
}
.bg-white {
    background-color: #FFF;
}
.subscribeBlock {
    position: relative;
    display:block;
    padding:20px 0 20px 20px;
    width:calc(100% - 60px);
    margin:20px auto 10px auto;
    background-color: #F4F4F4;
    text-align: left;
    vertical-align: top;
}
.subscribeInput {
    position: relative;
    display: block;
    padding:20px 0 20px 0;
}
.subscribeInput b {
    font-weight: bold;
    margin-right:10px
}
.education_pic {
    border:1px #CCC solid;
    margin-bottom:30px;
    box-shadow:0 0 10px #CCC;
    
}
.cvbody {
    position:relative;
    display: block;
    margin:0 auto 0 auto;
    width:100%;
    max-width:1000px;
    padding:20px;
}
.mainVideoCaption {
	position:relative;
	display:block;
	margin-bottom:20px;
	width:100%;
	text-align:center;
	border-bottom:1px solid #DDE;
	padding-bottom:10px;
}
.introBlock {
    position: relative;
    width:100%;   
    display:block;
    background-color: rgba(255,255,255,0.8);
    padding:20px;
}

.caption3 {
	position:relative;
	display:block;
	text-align:center;
	margin:5px auto 10px auto;
	font-size:10pt;
	color:#555;
}
.mainBG {
	position:fixed;
	left:0;
	top:0;
	z-index:0;
        width: 100%;
}
.homeBanner {
	position:relative;
	display:block;
	margin:10px auto 0 auto;
	text-align:center;
}
li{
  margin:0;
}
.pageNo {
	position:relative;
	display:block;
	max-width:1200px;
	margin:0 auto 0 auto;
	height:12px;
	color:#99A;
	line-height:12px;
	width:100%;
	clear:both;
	font-size:14px;
	text-align:center;
}
.pageNo b {
	color:#006;
	padding:0 5px 0 5px;
}
.pageControlBar {
	position:relative;
	display:block;
	max-width:1200px;
	margin:0 auto 10px auto;
	height:50px;
	width:100%;
	clear:both;
	border-bottom:2px solid #99B;
}
.controlBar {
	position:relative;
	display:block;
	clear:both;
	background-color:#333366;
	color:#FFFFFF;
	background-color:#FFCC00;
	text-align:center;
	max-width:1200px;
	margin:0 auto 80px auto;
	color:#FFA;
	line-height:26px;
	font-size:12pt;
	font-weight:bold;
	height:26px;
	color:#0000FF;
}
.controlBar3 {
    border-bottom:1px solid #CCC;
    margin-bottom:10px; 
    padding-bottom:20px;
    text-align: center;
}
.cookingAbout {
	position:relative;
	display:block;
	margin:5px 0 5px 0;
}
.cookingIngredientName {
	font-weight:bold;
}
.cookingIngredientAmount {
	padding-left:20px;
}
.cookingIngredientUnit {
	font-style:italic;
	padding-left:10px;
	color:#000;
}
.cookingIngredientInfo {
	padding-left:20px;
	color:#999;
}
.arrBack {
	position:relative;
	display:inline-block;
	float:left;
	margin:0 5px 0 5px;
	font-size:12pt;
	font-weight:normal;
        line-height: 60px;
	background:url(../images/main/arr-back2.png) no-repeat left center;
	padding-left:20px;

	color:#FFF;
}

.cookingCount {
	position:absolute;
	font-weight:normal;
	top:0;
	line-height:26px;
	color:#00F;
	right:5px;
}
.cookingListMore:hover {
	background-color:#EE8822;
}
.cookingTitle2 {
	position:relative;
	display:block;
	margin:10px auto 10px auto; 
	text-align:center;
	font-weight:bold;
	color:#222
}
.cookingListBlock {
	position:relative;
	display:block;
	float:left;
	width:calc(33% - 16px);
	min-width:220px;
	max-width:500px!important;
	background-color:#FFFFDF;
	box-shadow:0 0 8px #A88;
	margin:8px;
	border-radius:5px;
}
.cookingFullImage {
	position:relative;
	display:block;
	width:100%;
	max-width:500px;
	height:auto;
	margin:10px auto 10px auto;
}
.cookingListImage {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	border-radius:5px 5px 0 0 ;
}
.dividerText {
	color:#786c62;
	font-size:11pt;
	line-height:24px;
	background-color:#EFD9BF;
	border-radius:12px;
}
.cookingRecipeBtn {
	width:100%;
	height:30px;
	background-color:#FFCC00;
	text-align:center;
	color:#00C;
	line-height:30px;
	cursor:pointer;
	font-weight:bold;
	border-radius:5px;
}
.cookingCountry {
	position:relative;
	display:inline-block;
	width:100%;
	text-align:center;
	font-weight:bold;
}
.cookingView {
	position:relative;
	float:right;
	display:inline-block;
	width:36px;
	height:20px;
	background:url(../images/main/3dots.png) no-repeat center center;
	border-radius:3px;
}
.cookingFlag {
	float:left;
	border-radius:3px;
}
.cookingRecipeBtn:hover {
	background:#FFDD33;	
} 
.cookingListTable {
	width:100%;
}
.cookingListInfo {
	color:#555;
	position:relative;
	display:block;
	padding:5px 10px 5px 10px;
}
.cookingListName {
	position:relative;
	display:block;
	color:#228;
	width:100%;
	font-weight:bold;
	background-color:#F2F2D2;
	text-align:center;
	padding:4px 0 6px 0;
}
.cookingPageImage {
	position:relative;
	display:inline-block;
	width:500px;
	height:500px;
	float:left;
	margin:0 10px 10px 0;
}
.cookingDivider {
	border-top:2px solid #CCE;
	margin-top:10px;
	padding-top:10px;
}
.cookingLabel {
	font-weight:bold;
	padding-right:10px;
}
.cookingRecipe {	
	position:relative;
	display:none;
	clear:both;
}
.block-center {
	position:relative;
	display:block;
	text-align:center;
	clear:both;
	margin:10px auto 0 auto;
}
.caption1 {
    width:100%;
    font-size:0.8em;
    text-align:center;
    margin-top:5px;
    color:#444;
}
.link {
	color:#3366FF;
}
.link:hover {
    text-decoration:none;
    background-color:#CCF;
}
.fR {
	float:right;
	margin:0 0 10px 10px;
}
.fL, .fL800 {
	float:left!important;
}
.fC {
	position:relative;
	display:block;
	text-align:center;
	margin:10px auto 0 auto;
}
.photoIntro {
	position:relative;
	display:inline-block;
}
.titleH1 {
    font-weight: bold;
    font-size:1.4em;
    margin-top:10px;
}
.titleH2 {
    font-weight: bold;
    font-size:1.2em;
}
.title5 {
    position: relative;
    display: block;
    text-align:center;    
    margin:30px auto 10px auto;
}
h1 {
    font-weight:bold;
    line-height: 20px;
    color:#444460;
}
h2 {
	font-weight:bold;
	color:#666670;
}
h3 {
    font-weight:bold;
    color:#666670;
    font-style:italic;
}
.title1 {
	font-weight:bold;
	text-align:center;
	font-size:14pt;
	color:#336699;
}
.pad10{
	padding:10px;
}
#wrapper {
	min-height:100%;
	position:relative;
}
#whiteBG {
	position:fixed;
	width:1200px;
	top:0;
	bottom:0;
	left:50%;
	margin-left:-600px;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 30px #004;
}
.acceptBox {
	width:360px;
	position:relative;
	margin:50px auto 50px auto;
}
.fullpage {
	background-color:#EEE;
	width:100%;
	height:100%;
	line-height:24px;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	color:#777;
}
.divider-l {
	background:url(../images/main/divider-l.png) no-repeat right center;
}
.divider-r {
	background:url(../images/main/divider-r.png) no-repeat left  center;
}
.warn {
    position: relative;
    display:block;
    margin:0 0 20px 0;
    height: 50px;
    background:url(../images/main/warn.png) no-repeat center  center;
}
.warnText {
    position: relative;
    display:block;
    width:100%;    
    color:#A00;
    font-size:1.1em;
    margin:20px auto 20px auto;
    font-weight: bold;
    text-align: center;
}
.tick2 {
    position: relative;
    display:block;
    margin:0 0 20px 0;
    height: 50px;
    background:url(../images/main/tick2.png) center center no-repeat;
}
.hcenter {
    position: relative!important;
    display:block!important;;
    margin:0 auto 20px auto!important;
    width:100%;
    text-align: center!important;
}
.btnCenter {
    position: relative;
    display: block;
    width:100%;
    text-align: center;
}
.infoItem {
    position: relative;
    display: block;
    margin:5px 0 5px 0;
    width:100%!important;
    text-align: left!important;
    background-color: #EEE;
    font-size: 20px!important;
}
.tick2Text {
    position: relative;
    display:block;
    width:100%;    
    color:#66F;
    font-size:1.1em;
    margin:20px auto 20px auto;
    font-weight: bold;
    text-align: center;
}
.pageNoBorder{
	position:relative;
	display:block;
	width:100% ;
        min-height:100%;
        padding-bottom: 60px;
        height:100%;
    
}
.page, .page2, .pageMenu, .page3 ,.pagecenter,pagecol{
	position:relative;
	display:block;
	min-height:100%;
        width:100%;
        height:100%;
        margin:0 auto 0 auto;
}
.pagecol {
    background: linear-gradient(to bottom, #AFA 0% , #FFF , #FF9999 );
}
.pagecenter {
    text-align: center!important;
}
.page2 {
    
    width: 100%;
    text-align: left;
        padding:0 20px 0 20px!important;
}
.pageMenu {
	text-align:center;
}
#poemContent {
    padding-bottom:30px;
}
.page3 {
	padding-top:5px!important;
        max-width:1000px;        
        margin:0 auto 30px auto;
}
.page {
        text-align: justify;
        padding:0 20px 0 20px!important;
}
.pageFull {
	background-color:#FFFFFF;
	max-width:1200px;
	margin:0 auto 0 auto;
	line-height:18px;
	min-height:500px;
}
#content {
	min-height:100%;
	padding-bottom:65px; /* Height of the footer element xxx*/
}
.footerMenu {
    position:absolute;
    top:5px;
    right:0;
    left:0;
    height:80px;
    text-align:center;
    background: linear-gradient(to left, #66A, #225 50%, #66A);
    padding-top:4px;
}
#footer {
    width:100%;
    height:79px; 
    position:fixed;
    bottom:0;
    left:0;
    text-align:center;
    margin-left:0;
}
#inner_footer {
    top:0;
    background-color:#FFFF00;
}
.menuTextArea {
    position: absolute;
    width:100%;
    font-family: "Quicksand", sans-serif;
    font-weight: 200;
    font-style: normal;
    top:0;
    justify-content: center;
    align-items: center;
    height:54px;
    color:#FFF!important;
    padding-top:5px;
}
.menuText1 {
    position: relative;
    display: block;    
    margin-top:15px;
   font-weight: 600;
    color:#000;
    font-size: 26pt;
}
.menuText2 {
    
    position: relative;
    display: block!important;   
    font-size: 16pt!important;
    font-weight: 600;
    font-style: italic;
    color:#228!important;
    margin-top:15px;

}
.menuText3 {
    	color:#229;
    position: relative;
    display: block!important;   
    font-size: 20pt;
    font-weight: 400;
    margin-top:15px;

}

.menuDescription2 {    
    font-size: 16pt;
    margin-top:15px;
    color:#226;
    font-weight: normal;
    display: block;
    position: relative;
    
}
.divider {
    position: relative;
    display: block;
    margin-top:10px;
    padding-bottom:10px;
    border-bottom:2px groove #FFF;
}
.divider3 {
    position: relative;
    display: block;
    margin-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #CCC;
}
.btnBack {
    position:absolute;
    left:15px;
    top:15px;
    width:19px;
    height:30px;
    background:url(../images/main/arrow_back.png) no-repeat; 
}

.btnHeader {
    position: relative;
    display: inline-block;
    height:60px;
    width:60px;
    margin:5px 15px 0 0  ;
    padding:5px ;
    background: center center no-repeat;
}
.under-research {
    background: url(../images/main/under-research.png) no-repeat center center;
    width:300px;
    height: 116px;
    margin:0 auto 0 auto;    
    position: relative;
    display:block;
    
}
.flt-center {
    font-size:14pt;
    font-style: italic;
    text-align:center!important;
    position: relative;
    display:block;
    float:none;
    width:100%!important;
}
.flt-right {
    font-size:14pt;
    font-style: italic;
    text-align:center;
    position: relative;
    display:inline-block;
    float:right;
    margin:20px 20px 0 20px;
}
.flt-left {
    font-size:14pt;
    font-style: italic;
    text-align:center;
    position: relative;
    display:inline-block;
    float:left;
    margin:20px 20px 20px 0;
}
.btnMenu {
    align-content: center;
    position:absolute;
    right:10px;
    border:2px solid #FFF;
    height: 60px;
    width: 60px;
    top:10px;
    border-radius: 10px;
    background-color: #226;
    cursor: pointer;
    padding: 8px;
    font-size:40px;
    color:#FFF;
    
}
.btnHome {
    position:absolute;
    border:2px solid #FFF;
    padding: 8px;
    vertical-align: middle;
    align-content: center;
    top:10px;
    border-radius: 10px;
    background-color: #226;
    cursor: pointer;
    font-size:40px;
    color:#FFF;
    left:10px;
    cursor: pointer;
    z-index: 2000;
}
#javid-shah-banner {
    position:relative; 
    cursor: pointer;
    width:100%;
    height:100px;
    background: url(../images/main/flag-shade.png) repeat-x  center ;
    cursor: pointer;
    z-index: 2000;
}
#flag-emblom {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-150px;
    margin-top:-40px;    
    height:73px;
    width:300px;
    background: url(../images/main/flag-emblom.png) no-repeat center center ;
    cursor: pointer;
    z-index: 2010;
}
.menuArea {
    position:relative;
    display:block;
    color:#FFF;
    text-align:center;
    height:120px;
    width:100%;    
    margin:0 auto 0 auto;
    min-width:320px;
    text-align:center;
    background: linear-gradient(to left, #559, #ccF 50%, #559);
    border-bottom:1px solid  #444477;
    line-height:20px!important;
    z-index:2000;
    
}
a:visited,
a:link {
	 text-decoration:none;
}
.fltR {
    float:right!important;
}
.fltL {
    float:left!important;
}
.btnarw {
    font-size:20px!important;
    position:relative!important;
    display: inline-block!important;
    line-height: 25px!important;
}
.btn-num {
    font-size:14pt;
    float:left;
}
/* BUTTONS */
.btnx{
    position: relative;
    display: inline-block;
	cursor:pointer;
        min-width:60px;

}
.btn:hover {
	opacity:0.7;	
}
.btn1 {
	position: relative;
	display:inline-block;
	font-weight:bold;
	color:#FFF;
	padding:10px 40px 10px 40px;
	text-align:  center;
	background-color: #9D9DBF;
	border:1px #DDE1FF solid;
	border-radius:20px;
	cursor:pointer;
	width:auto;
}
.btn2, .btn2a {
	position:relative;
	display:inline-block;
	height:40px;
	min-width:40px;
	border-radius:20px;
	cursor:pointer;
}
.btn2a {
	background:#8888CC center center no-repeat;
}
.btn2arrL {
	float:left;
	background-image:url(../images/main/arrow-l2.png);
}
.btn2arrR {
	float:right;
	background-image:url(../images/main/arrow-r2.png);
}
.btnHomeMenu
{
    position: relative;
    display:inline-block;
    text-align: center;
    background-color: #7070C0;
    padding:10px 20px 10px 20px!important;
    border-radius:4px;
    text-align: center;
    font-size:20pt!important;
    line-height:70px!important;
    color:#FFF;
    cursor: pointer;
    float:none;
    position:absolute;
    bottom:10px;
    left:10px;    
    height:90px;
    width:90px;
    border-radius: 50%!important     ;
    
}
.btn3, .btn3C {
    position: relative;
    display:inline-block;
    text-align: center;
    background-color: #7070C0;
    padding:10px 20px 10px 20px!important;
    border-radius:4px;
    text-align: center;

    font-size:16pt!important;
    color:#FFF;
    cursor: pointer;
}
.btn3 {
    margin-left:10px;
}
.btn3C {
    margin: 0 5px 0 5px;
}
.btn3:hover {
    background-color: #9090E0;    
}
.btn9 {
    position: relative;
    display:inline-block;
    width:60px;
    height:60px;
    border-radius:50%;
    color:#FFF;
    background-color:#88F;
    cursor:pointer;
    margin:10px;
}
.btnBlock {
    position:relative;
    display:block;
    margin-top:40px;
    text-align: center;
}
.btn9download {    
    background:url(../images/main/btn9download.png) no-repeat center center #88F;
}
.btn9linkedin {    
    background:url(../images/main/btn9linkedin.png) no-repeat center center #88F;
}
.btn9:hover {
    background-color:#AAF;    
}
.submenuBar {
    position:relative;
    display:block;
    background-color:#000040;
    font-size:16pt;
    width:100%;
    min-height: 50px!important;
    line-height:50px;
    color:#FFF;  
    box-shadow:0 4px 4px  rgba(0,0,40,0.4);
}
.submenuBarR {
    position:relative;
    display: inline-block;
    color:#BBF;
    font-weight: bold;
    line-height: 60px;
    float: right;
    margin-right:10px;
    cursor: pointer;
    font-size:2vw!important;
}
.submenuBarR:hover {
    color:#FF0;
}
.submenuBar2 {
    position:relative;
    display:block;
    width:100%;
    text-align:center!important;        
    font-weight:bold;
    background-color:#272760;
    color:#FFF;
    font-size:3vw;
    text-transform:uppercase;
    border:0px  solid #33F;
    border-width: 0 0 1px ; 
    z-index:10;
}
a .submenuBar:hover  {
	background-color:#FF9933;
}
.pagesTitle {
	max-width:none!important;
	border-top:1px solid #656595;
}
.bookTitle {
    position: absolute;
    top:55px;
    left:50%;
    margin:50px 0 0 -150px;
    width:300px;
    font-size:20px;
    font-weight: bold;
    text-align: center;
    color:#006;
}
.controlBarPage {
	position:fixed;
	width:100%;
	top:0;
	padding-top:0px;
	z-index:2000;
}
.controlBarInner {
	position:relative;
	width:100%;
	height:80px;
	margin:0 auto 0 auto;
	padding-top:4px;
	background-color:#191940;
}
.pagesPage {
	position:relative;
	width:100%; 
	margin:0 auto 0 auto;
	padding:10px 0 20px 0;
}
.pagesPageInner {
	height:100%;
	margin:0 auto 0 auto;
        padding:30px 0 0 0;
}
.pagesSubPage {
	position:relative;
	min-height:100%;
	padding:20px 30px 20px 30px;
}
/* MENU BUTTONS */
.sm-menuButton {
	position:relative;
	display:inline-block;
	width:100px;
	height:100px;
	margin:20px 10px 30px 10px;
	cursor:pointer;
	border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF; 
}
.menuButton {
	position:relative;
	display:inline-block;
	width:100px;
	height:100px;
	margin:10px 1px 30px 1px;
	cursor:pointer;
	border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF; 
}

.menuWrapper {
	position:relative;
	display:inline-block;
	text-align:center;
        margin:10px;
}

.menuButtonFooter {
	position:relative;
	display:inline-block;
	width:60px;
	height:60px;
	cursor:pointer;
	margin:2px 4px 0 4px;
	border-radius:50px;
}
/*
table {
	line-height:20px!important;
}
*/
.menuText {
	position:absolute;
	top:105px;
	text-align:center;
	left:0;
	right:0;
	width:100%;
	font-weight:bold;
	color:#777;
	font-size:11pt;
	line-height:normal;
}
.sm-menuText {
	position:absolute;
	top:105px;
	text-align:center;
	left:0;
	right:0;
	width:100%;
	font-weight:bold;
	color:#777;
	font-size:16pt;
	line-height:normal;
}
.menuText2 {
	color:#77F;
	font-size:20pt;
        margin-top:15px;
        font-weight: 600;
}
.menuText3 {

	font-size:18pt;
        font-weight: 400;
        margin-top:10px;
        color:#FFF;
}
.menuTitlehrz {
        position:relative;
        display:block;    
	font-size: 1.5vw;
        width:100%;
        font-weight: 600;
}
.menuButtonhrz {
    float:left;
    position:relative;
    display:inline-block;
    width:100px;
    height:100px;
    margin:10px ;
    cursor:pointer;
    border-radius:50%;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:50%;
}
.btnBorder {
        border:1px solid #DCC;
}
.menuBoxhrz {
    position:relative;
    display:block;
    text-align:left;
    padding:10px;
    margin-bottom:15px;
    font-size: 2vw;
    width:calc(100% - 20px);
    border-radius:0;
    background-color:#F5F5F5 ;
    position: relative;
    display: inline-block;
    margin-top:5px;
    
}
.menuBoxhrz:hover{
    background-color:#FFF9F9 ;
    color:#88F;
}
/* MENU BUTTON */
.menuBorder {
	border:solid 1px #BBB;
}
.menuHome {
	background-image:url(../images/menu/menu_home.png);
}
.menuSubscription {
	background-image:url(../images/menu/menu_subscription.png);
}
.menuGamesCards {
	background-image:url(../images/menu/menu_games_card.png);
}
.menuDiamond {
	background-image:url(../images/menu/menu_diamond.png);
}
.menuFees {
	background-image:url(../images/menu/menu_fees.png);
}
.menuCryogenics{
	background-image:url(../images/menu/menu_cryogenics.png);
	background-color:transparent;
}
.menuCollatz{
	background-image:url(../images/menu/menu_collatz.jpg);
	background-color:transparent;
}
.menuChichenOrEgg {
    background-image:url(../images/menu/menu_chicken-Egg.png);
}
.menuScienceOfArt{
	background-image:url(../images/menu/menu_scienceofart.png);
}
.menuInvest {
	background-image:url(../images/menu/menu_invest.png);
}
.menuNature {
	background-image:url(../images/menu/menu_nature.png);
}
.menuGamesChess {
	background-image:url(../images/menu/menu_games_chess.png);
}
.menuGamesDarts {
	background-image:url(../images/menu/menu_games_darts.png);
}
.menuGamesBackgammon {
	background-image:url(../images/menu/menu_games_backgammon.png);
}
.menuGamesComputer {
	background-image:url(../images/menu/menu_games_computer.png);
}
.menuFlute {
    background-image:url(../images/menu/menu_flute.png);
}
.menuGuitar {
	background-image:url(../images/menu/menu_guitar.png);
}
.menuKeyboard {
	background-image:url(../images/menu/menu_piano.png);
}
.menuClarinet {
	background-image:url(../images/menu/menu_clarinet.png);
}
.menuNey {
	background-image:url(../images/menu/menu_ney.png);
}
.menuSaxophone {
	background-image:url(../images/menu/menu_saxophone.png);
}
.menuContact {
	background-image:url(../images/menu/menu_contact.png);
}
.menuContact2 {
	background-image:url(../images/menu/menu_contact2.png);
}
.menuAbout {
	background-image:url(../images/menu/menu_about.png);
}
.menuLocation {
	background-image:url(../images/menu/menu_location.png);
}
.menuNews {
	background-image:url(../images/menu/menu_news.png);
}
.menuCoverLetterPDF {
	background-image:url(../images/menu/menu_cover_letter_pdf.png);
}
.menuCoverLetterDOCX {
	background-image:url(../images/menu/menu_cover_letter_docx.png);
}
.menuSMS {
	background-image:url(../images/menu/menu_sms.png);
}
.menuCall {
	background-image:url(../images/menu/menu_call.png);
}
.menuVCV {
	background:url(../images/menu/menu_vcv.png)center center no-repeat;
}
.menuCall2 {
	background:url(../images/menu/menu_call2.png) center center no-repeat #9A0;
}
.menuSMS2 {
	background:url(../images/menu/menu_sms2.png) center center no-repeat #555588;
}
.menuCV2 {
	background:url(../images/menu/menu_cv2.png) center center no-repeat #DD8888;
}
.menuEmail2 {
	background:url(../images/menu/menu_email2.png) center center no-repeat #C7F;
}
.menuPhotos2 {
	background:url(../images/menu/menu_photos.png) center center no-repeat #555588;
        background-size:contain;
}
.menuEmail {
	background-image:url(../images/menu/menu_email.png);
}
.menuEducation {
	background-image:url(../images/menu/menu_education.png);
}
.menuEmployment {
	background-image:url(../images/menu/menu_employment.png);
}
.menuCV {
	background-image:url(../images/menu/menu_cv.png);
}
.menuSkills {
	background-image:url(../images/menu/menu_skills.png);
}
.menuPortfolio {
	background-image:url(../images/menu/menu_portfolio.png);
}
.menuPhotos {
	background-image:url(../images/menu/menu_photos.png);
}
.menuProfile {
	background-image:url(../images/menu/menu_profile.png);
}
.menuInterests {
	background-image:url(../images/menu/menu_interests.png);
}
.menuSocialmedia {
	background-image:url(../images/menu/menu_socialmedia.png);
}
.menuGitHub{
	background-image:url(../images/menu/menu_github.png);
}
.menuInstagram {    
	background-image:url(../images/menu/menu_instagram.png);
}
.menuX {
	background-image:url(../images/menu/menu_x.png);
}
.menuLinkedin {
	background-image:url(../images/menu/menu_linkedin.png);
}
.menuFacebook {
	background-image:url(../images/menu/menu_facebook.png);
}
.menuYoutube {
	background-image:url(../images/menu/menu_youtube.png);
}
.menuDocuments {
	background-image:url(../images/menu/menu_documents.png);
}
.menuEmailPDF {
	background-image:url(../images/menu/menu_email_pdf.png);
}
.menuPDF {
	background-image:url(../images/menu/menu_pdf.png);
}
.menuVCV {
	background-image:url(../images/menu/menu_vcv.png);
}
.menuEmailCoverLetter {
	background-image:url(../images/menu/send_cover_letter.png);
}
.menuWord {
	background-image:url(../images/menu/menu_word.png);
}
.menuEmailWord {
	background-image:url(../images/menu/menu_email_word.png);
}
.menuVideoCV {
	background-image:url(../images/menu/menu_videocv.png);
}
.menuMessage {
	background-image:url(../images/menu/menu_message.png);
}
.menuSports {
	background-image:url(../images/menu/menu_sports.png);
}
.menuTennis {
	background-image:url(../images/menu/menu_tennis.png);
}
.menuTableTennis {
	background-image:url(../images/menu/menu_tabletennis.png);
}
.menuSwimming {
	background-image:url(../images/menu/menu_swimming.png);
}
.menuSkiing {
	background-image:url(../images/menu/menu_skiing.png);
}
.menuOtherSports {
	background-image:url(../images/menu/menu_jogging.png);
}
.menuMountaineering {
	background-image:url(../images/menu/menu_mountaineering.png);
}
.menuBadminton {
	background-image:url(../images/menu/menu_badminton.png);
}
.image-fl {
    float:left;
    margin:0 10px 0 10px;
}
.menuHome {
	background-image:url(../images/menu/menu_home.png);
	background-color:#FFFFFF;
}
.menuArt {
	background-image:url(../images/menu/menu_art.png);
}
.menuMusic {
	background-image:url(../images/menu/menu_music.png);
}
.menuDats {
	background-image:url(../images/menu/menu_darts.png);
}
.menuPhotography {
	background-image:url(../images/menu/menu_photography.png);
}
.menuPoetry {
	background-image:url(../images/menu/menu_poetry.png);
}
.menuDNA {
	background-image:url(../images/menu/menu_dna.png);
	background-color:#FFEEDD;
	background-color:transparent;
}
.menuAGI {
	background-image:url(../images/menu/menu_agi.png);
	background-color:transparent;
}
.menuAstrology {
	background-image:url(../images/menu/menu_astrology.png);
	background-color:transparent;
}
.menuBio {
	background-image:url(../images/menu/menu_bio.png);
}
.menuCooking {
	background-image:url(../images/menu/menu_cooking.png);
}
.menuGames {
	background-image:url(../images/menu/menu_games.png);;
}
.menuTOE {
	background-image:url(../images/menu/menu_toe.png);
	background-color:transparent;
}
.menuResearch {
	background-image:url(../images/menu/menu_research.png);
	background-color:#FFFFFF;
}
.menuSpaceballoon {
	background-image:url(../images/menu/menu_spaceballoon.png);
	background-color:transparent;
}
.menuProteinFolding {
	background-image:url(../images/menu/menu_proteingFolding.png);
	background-color:transparent;
}
.menuAviation {
	background-image:url(../images/menu/menu_aviation.png);
	background-color:#88AAFF;
}
.menuIdeas {
	background-image:url(../images/menu/menu_ideas.png);
	background-color:#606080;
}
.menuCookingTechniques {
	background-image:url(../images/menu/cooking/techniques.png);
}
.menuCookingTechYeast {
	background-image:url(../images/menu/cooking/yeast.png);
}
.menuCookingTechRice {
	background-image:url(../images/menu/cooking/rice.png);
}
.menuCookingStarters {
	background-image:url(../images/menu/cooking/starter.png);
}
.menuCookingMainCourses {
    	background-image:url(../images/menu/cooking/maincourse.png);
}
.menuCookingDrinks {
	background-image:url(../images/menu/cooking/drink.png);
}
.menuCookingDesserts {
	background-image:url(../images/menu/cooking/dessert.png);
}
.menuCookingSandewiches {
	background-image:url(../images/menu/cooking/sandwich.png);
}
.menuCookingSideDishes{
	background-image:url(../images/menu/cooking/sidedish.png);
}
.menuCookingBBQ {
	background-image:url(../images/menu/cooking/bbq.png);
}
.menuCookingBreads {
	background-image:url(../images/menu/cooking/bread.png);
}
.menuCookingCakes {
	background-image:url(../images/menu/cooking/cake.png);
}
.menuArtGallery {
	background-image:url(../images/menu/menu_art_gallery.png);
}
.menuArtPrices {
	background-image:url(../images/menu/menu_art_prices.png);
}
.menuDownload {
	background-image:url(../images/menu/menu_download.png);
}

/* end of MENUS */

#copyright {
	position:absolute;
	bottom:10px;
	height:20px;
	text-align:center;
	padding:5px;
	width:100%;
	text-align:center;
	color:#006;
}
#copyright a:link,visited {
	color:#33F;
	font-weight:bold
}
#blockContact{
    position:relative;
    display:inline-block;
    clear:both;
    max-width:360px;
    width:100%;
    vertical-align: top;
    color:#000;
}
.tbl1 {
}
.tbl1 td {
	padding:10px;
}
.mapBlock {
    position: relative;
    display: block;
    width:100%;
    margin-top:30px;
}
.tblContactList {
	border-collapse:collapse;
}
.tblContactList td {
	padding:4px 4px 4px 4px;
}
.tbl2 {
	border-collapse:collapse; 
	background-color:#000;
}
.lbl1 {
        font-size:2vw;
	font-weight:bold;
	color:#9999CC;
}
.lbl2 {
    position: relative;
    display: block;
	font-size:1.8vw;
	font-weight:bold;
	color:#555;
        margin:10px auto 10px auto;
}
.lbl3 {
	font-size:12pt;
	font-weight:bold;
	color:#66E;
}
.mainImageWrapper {
	position:relative;
	width:100%;
        margin-top:20px;
/*	background-color:#000;*/
	margin:0 auto 0 auto;
        
}
#thumbBox_about {
	background-image:url(../images/menu/menu_about2.png)!important;
}
/*
#thumbBox_about {
	padding:5px;
	width:80px;
	height:80px;
	background-color:#000000;
	text-align:center;
	background-image:url(../images/menu/menu_about2.png)!important;
	background-repeat:no-repeat;
	border-top:5px solid #000000;	
}
*/
.mainPoemWrapper {
	position:relative;
	width:100%;
	min-height:1080px;
	background-color:#000;
	margin:0 auto 0 auto;
}
.poem {
	position:relative;
	margin:0 auto 0 auto;
	width:600px;
	min-height:500px;
	padding:10px;
	color:#222;
	font-size:24px;
	font-family: 'Playball', cursive;
}
/*
.poemBG {
	position:absolute;
	width:800px;
	height:100%;
}
.poemBGFullScreen {
	position:fixed;
	top:left;
	right:0;
	bottom:0;
	left:0;
	z-index:1000;
	width:100%;
	height:100%;
}
*/
.poemTitle {
	padding-left:30px;
	height:30px;
	text-align:left;
	color:#CC0000;
	font-size:14pt;
}

.poemLine {
	background-image:url(../images/main/heart2.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	line-height:36px;
	text-align:left;
	padding-top:4px;
}
.tblPoemThumb {
	border-collapse:collapse; 
	background-color:#FFF;
	background-color:#F00;
}
.mainPoemWrapper {
	position:relative;
	width:100%;
	min-height:700px;
	background-color:#FFFFFF;
	background-image:url(../images/main/poem_bg.jpg);
}
.coverLetter {
	background:url(../images/main/cover-letter.png) no-repeat center center #5eaed5;
	display:block;
	width:160px;
	height:160px;
	position:relative;
	margin:20px auto 20px auto;
	border-radius:80px;  
	box-shadow:0 0 12px #77A;
}
.footnote {
	position:relative;
	display:block;
	text-align:center;
	margin:10px auto 10px auto;
	width:100%;
	font-size:16px;
	padding-top:10px;
	border-top:1px solid #DDD;
}
.coverLetter:hover {
	background-color:#7ECEF5;
}
.mainPoem{
	position:relative;
	display:block;
	vertical-align:middle;
	text-align:center;
	max-width:100%;
	height:auto;
	margin:auto;
	cursor:pointer;
}
.artWrapper {
	position:absolute;
	height:100%; 
	width:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000;
	z-index:1000;
}
.profileImage {
	position:relative;
	display:block;
	vertical-align:middle;
	text-align:center;
	width:100%;
	height:100%;
	object-fit:contain;
	max-width:300px!important;
	margin:auto;
        margin:20px auto 20px auto;
        border-radius: 50%;
	cursor:pointer;    
        
}
.mainImage {
	position:relative;
	display:block;
	vertical-align:middle;
	text-align:center;
	width:auto;
	height:100%;
	object-fit:contain;
	max-height:500px!important;
	margin:auto;
        margin-top:20px;
	cursor:pointer;
        border-radius: 30px;
}
#mainImageArea {
	padding-top:10px;
	background-color:#000;
}
.btnImageArrow {
    z-index:9000;
    width:80px;
    height:100px;
    opacity:0.5;
    position:absolute;
    background-repeat:no-repeat;
    top:50%;
    margin-top:-50px;
    z-index:9999;
}
.btnImageArrow:hover {
    background-color:rgba(0,0,0,0.2);
}
.btnImageBackArrow {
    border-radius:0 50px 50px 0;
    position:absolute;
    left:5px;
    background:url(../images/main/btn-left2.png) left 10px center ;
}
.hide {
	display:none;
}
.btnImageNextArrow {
    border-radius:50px 0 0 50px;
    right:0;
    background:url(../images/main/btn-right2.png) right 10px center;
}
.poemThumbBox {
	padding:5px;
	width:90px;
	height:90px;
	border-top:5px solid #000000;
        padding:5px!important;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/main/heart1.png)!important;
}
.poemIndexNumber {
	padding-top:22px;
	font-size:20pt;
	color:#FF6666;
	text-align:center;	
}
.thumbBox {
	width:80px;
	width:auto; /*TEST*/
	height:80px;
	padding:2px;
	border-top:5px solid #000;
	background-color:#000;	

}
.thumb {
	max-height:80px;
/*	max-width:80px; TEST*/
	border-top:5px #FFF solid;
}
.thumbOn {
	border-top:5px #00F solid;
}
.thumbOff {
	border-top:5px #FFF solid;
}
#subscribeError {
    position:relative;
    MARGIN:10PX 0 10PX 0;
    display:block;
}
.emp_header {
    position:relative;
    display:block;
    line-height:40px;	
    color:#353560;
    font-size:11pt;
    border: 1px #CCC solid;
    border-top-color:#EEE;
    border-bottom-color:#999;
    cursor:pointer;
    margin:8px 0 8px 0;
    box-shadow:0 0 8px #AAA;
    border-radius:8px;
    background-image: linear-gradient(to right, #F2F2FF, #E0E0EC , #F2F2FF);
}
.empBarCompany {
	position:relative;
	display:inline-block;
	margin:0 0 0 10px;
	float:left;
        font-weight: bold;
	font-size:18px;
}
.empBarDate {
	position:relative;
	display:inline-block;
	margin:0 10px 0 0;
	float:right;
        font-weight: bold;
	font-size:10pt;
}
.blockRight {
	position:relative;
	display:block;
	clear:both;
	margin:10px 0 10px 0;
	text-align:right;
}
.blockCenter4 {
    position:relative;
    display:block;
    width:100%;
    text-align: center;
    max-width:500px;
    margin:30px auto 0 auto;
    border:1px solid #E0E0E0;
    padding:30px;
}
.blockTitle {
    position: relative;
    display: block;
    font-size:1.4em;
    text-align: center;
    font-weight: bold;
    margin-bottom:20px;
}
.blockCenter {
	position:relative;
	display:block;
	text-align:center;
	margin:5px 0 5px 0;
}
.blockCenter3 {
	position:relative;
	display:block;
	text-align:center;
	margin:15px 0 5px 0;
}
.blockCenter5 {
	position:relative;
	display:block;
        width:100%;
	text-align:center;
	margin:0 0 25px 0;
}
.blockCenter2 {
	position:relative;
	display:block;
	text-align:center;
	text-align:left;
	max-width:1200px;
	margin:0 auto 0 auto;
	color:#888888;
	font-size:9pt;
	padding:4px 0 4px 40px;
	background-image:url(../images/main/arrow-down3.png);
	background-position:10px 5px;
	background-repeat:no-repeat;
	background-color:#F4F4F4;
}
.blockCenterDown {
	background-image:url(../images/main/arrow-down3.png);
}
.blockCenterUp {
	background-image:url(../images/main/arrow-up3.png);
}
.blockR {
	position:absolute;
	right:0;
}
.blockL {
    position:absolute;
    left:0;
}
.pad10 {
    padding: 0 10px 0 10px;
}
.paperBoxBlock {
    position: relative;
    display:block;
    margin-bottom:20px;
    text-align: center;
}
.paperBox {
    position: relative;
    display: inline-block;
    width:220px;
    height: 210px;
    box-shadow:0 0 10px #CCC;
    padding:10px 20px 0 20px;
    margin:10px;
    vertical-align: top;    
    background-color:#FAFAFA;
}
.divider4 {
    background: url(../images/main/bg3.png) no-repeat center center;
    width:100%;
    height:2px;
    margin:10px 0 10px 0;
    background-size:contain;
}
.eduPage {
    position: relative;
    display:block;
    max-width:1000px;
    width:100%;
    margin:20px auto 0 auto;
}
.eduCertificate {
    font-size:18pt;
    color:#669;
    position:relative;
    display:block;
    width:100%;
    padding: 10px 0 10px 0;
    font-weight: bold;
    margin-bottom:5px;
    border-bottom:1px solid #CCC;
}
.eduSubject {
    font-size:12pt;
    font-weight: bold;
    margin-bottom: 5px;
}
.eduPlace {   
    font-size:12pt;
    margin-bottom: 5px;
}
.eduGrade {
    font-size:18pt;
    font-weight: bold;
}
.eduDate {
    font-size:12pt;
    margin-top:5px;
}
.emp_body {
	position:relative;
	display:block;
	text-align:left;
	clear:both;
	background-color:#FFF;
	color:#444;
	font-weight:normal;
	padding: 5px 10px 5px 10px;
	display:none;
}
.heading4 {
	font-size:26px;
	font-weight:bold;
	color:#555;
        margin: 10px 0 10px 0;
}
.block3 {
	position:relative;
	display:block;
	width:100%;
	clear:both;
	padding: 5px 0 5px 0;
}
.block4 {
	position:relative;
	display:block;
	width:100%;
	clear:both;
	float:left;
	padding: 10px 0 10px 0;
}
.help {
	cursor:help;
}
.row1 {
	background-color:#EEEEF4;
}
.rowTitle {
	background-color:#AEAED5;
	color:#FFF;
	font-weight:bold;
}
.table1 td {
	height:24px;
}
.table2 {
	border-collapse:collapse;
}
.table2 td {
	padding:0px;
}
#btnAccept {
	margin:20px 0 30px 0;
}
.heading3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	width:100%;
	text-align:center;
	color:#6699CC;
}
.fontL1 {
	font-weight:bold;
	font-size:200%;
	text-align:center;
	color:#AAAABF;
	margin-top:100px
}
.title2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color:#606070;
	position:relative;
	float:left;
	display:block;
	clear:both;
	margin-bottom:10px;
}
.parag {
	position:relative;
	float:left;
	display:block;

	text-align:justify;
	vertical-align:top;
}
.paragImage {
	position:relative;
	display:inline;
	float:left;
	margin:0 10px 0 0;
}
.blockDoc {
	position:relative;
	display:block;
	text-align:center;
	margin:0 auto 10px auto;
	width:100%;
	height:auto;
}
.blockMid {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align:center;
}
.title3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	color:#77AACC;
	position: relative;
	margin:30px auto 30px auto;
	display:block;
	width:100%;
}
.title4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:bold;
	color:#4477AA;
	position: relative;
	margin:30px auto 30px auto;
	display:block;
	width:100%;
}
.tick {
	position: relative;
	margin:0 auto 0 auto;
	display:block;
	width:70px;
	height:80px;
	background:url(../images/main/tick.png) no-repeat center center;
}
.fontflex {	
	padding:5px!important;
        font-size:2vw!important;
}
.fontLarge{
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:bold;
}
.input1 {	
	font-family:Arial, Helvetica, sans-serif;
	color:#707078!important;
	border-radius:5px!important;
        margin:10px auto 10px auto!important;
	border:1px #CCC solid!important;
        max-width:300px;
}
.input2 {	
    font-family:inherit;
    color:#707078;
    border-radius:5px;
    border:1px #CCC solid;
    padding:10px 20px 10px 20px;
    font-size:26px;
    font-weight:bold;
}
.padR {
	padding-right:20px;
}
.error1 {
	color:#C00;
	font-style:italic;
        font-size: 2vw;
}
.error1fixed {
	color:#C00;
	font-style:italic;
        font-size: 18px;
        height: 30px;
}
.error3 {
	color:#FF0000;
	font-style:italic;
}
.info2 {
	color:#6666FF;
}
.info3 {
	position:relative;
	display:block;
	margin-top:50px;
	width:100%;
	color:#6666FF;
	text-align:center;
	font-size:14pt;
}
#subscribeInfo {
    position:relative;
    display:inline-block;
    color:#6666FF;
}
.homeImageBG {
    background-image: radial-gradient(#842, #002,#866);
    background-image: linear-gradient(to left, #583D32, #000, #583D32);
    padding:20px;
    
}
#no_videos {
	background-image:url(../images/main/coming-soon.png);
	width:291px;
	height:100px;
	position:relative;
	margin:100px auto 0 auto;
}

.fontIP{
	font-size:8pt;
	color:#888;
}
.font2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#888;
}
.blockMid2 {
    position:absolute;
    left:50%;
    margin-left:-125px;
    width:300px;
    height: 250px;
    padding:20px;
    text-align:center;
    background-color:#F5F5F5;
    border-radius:15px;
    border:2px solid #888;
    z-index: 1000;
}
.blockMusic {
    position:relative;
    display: inline-block;
    margin:0 auto 65px auto;
    width:300px;
    height:168px;
    text-align:center;
    background: no-repeat center center;
    cursor: pointer;
}
.blockMusic:hover {
    opacity:0.75;
}
.blockMusicCaption {
    position:absolute;
    left:0;
    width:300px;
    bottom:-65px;
    padding:0 0 5px 0;
    margin:0 0 5px 0 ;
    text-align:center;
    color:#444;
	line-height:24px;
    font-size:18px;
}
.thumbnailsWrapper {
    position:relative;
    display:block;
    background:#000;
    width:100%;
    height:120px;
    text-align:left;
    overflow-x:auto;
}
.thumbnailsInner {
    position:absolute;
    top:5px;
    left:0;
    right:0;
    height:115px;
    overflow-x:scroll;
    overflow-y:hidden;
}	
.hidden {
    display:none;
}
.invisible {
    visibility:hidden;
}
#btnExitFullScreen {
	position:fixed;
	padding:10px;
	background-color:#000;
	color:#FFF;
	font-size:12pt;
	text-align:center;
	width:200px;
	top:10px;
	left:50%;
	height:20px;
	margin-left:-110px;
	opacity:0.4;
	border-radius:20px;
	z-index:9000;
}
.fullscreenMode {
	padding:5px;
	width:80px;
	height:80px;
	background-color:#000000;
	color:#FFF;
	text-align:center;
	font-size:12px;
	background-image:url(../images/main/fullscreen.png);
	background-repeat:no-repeat;
	background-position: center 30px;
	border-top:5px solid #000000;
}
.bottomGap {
	padding-bottom:50px;
}
.fullscreenImage {
	position:absolute;
	z-index:1000;
	width:100%;
	height:100%;
	max-height:100%;
	max-width:100%;
	top:0; 	 	 	
	object-fit: contain;
}
.fullscreenPoem {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	padding-bottom:50px;
	z-index:1000;
	height:100%;
}
/*
.btnImageBackArrowFullScreen {
	position:absolute;
	left:50%;
	background-image:url(../images/main/btn-left2.png);
	top:10px;
	height:230px;
	width:100px;
	opacity:0.5;
	margin-left:-170px;
	z-index:1000;
}
.btnImageNextArrowFullScreen {
	position:absolute;
	right:10px;
	background-image:url(../images/main/btn-right2.png);
	top:10px;
	height:230px;
	width:100px;
	opacity:0.5;
	left:50%;
	margin-left:70px;
	z-index:1000;
}
*/
.btnContactGen {
	position:relative;
	display:inline-block;
	width:50px;
	height:40px;
	padding:1px 10px 0 10px;
	background-color:#2075CA;
	background-position:center;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#FFF;
	font-size:12pt;
	text-align:center;
	border-radius:20px;
}
.btn2call {
	background-image:url(../images/btn2/cm_call.png)!important;
}
.btn2email {
	background-image:url(../images/btn2/cm_email.png)!important;
}
.btn2linkedin {
	background-image:url(../images/btn2/cm_linkedin.png)!important;
}
.btn2instagram {
	background-image:url(../images/btn2/cm_instagram.png)!important;
}
.btn2facebook {
	background-image:url(../images/btn2/cm_facebook.png)!important;
}
.btn2youtube {
	background-image:url(../images/btn2/cm_youtube.png)!important;
}
.btn2skype {
	background-image:url(../images/btn2/cm_skype.png)!important;
}
.btn2twitter {
	background-image:url(../images/btn2/cm_twitter.png)!important;
}
.logo2 {
    position: relative;
    display: block;
    margin:50px auto 30px auto;
    width:400px;
    height: 400px;
    background-image:url(../images/btn2/logo2.png)!important;    
}
.btn4 {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	padding:12px 15px 0 15px;
	background-color:#2075CA;
	font-weight:bold;
	color:#FFF;
        margin-right:10px;
	font-size:12pt;
	text-align:center;
	border-radius:4px;
}
.padLR1 {
	padding-left:20px;
	padding-right:20px;
}
.selectPageIndex {
	height:40px;
	width:100%;
	background-color:#00CCFF;
	font-weight:bold;
	color:#FFF;
	font-size:9pt;
	text-align:center;
}
.btnPageIndexOff {
	border-bottom:6px #FFF solid;
}
.btnPageIndexOn {
	border-bottom:6px #00F solid;
}
.btnIndexDD {
	width:100%;
	background-color:#E0CFEE;
	font-weight:bold;
	color:#008;
	font-size:16pt;
        padding:5px 0 5px 0;
	text-align:center;
}
.btnIndexBack {
	background-image:url(../images/main/arrow-l2.png);
	background-position:center;
	background-repeat:no-repeat;
	width:70px;
}
.btnIndexNext {
	background-image:url(../images/main/arrow-r2.png);
	background-position:center;
	background-repeat:no-repeat;
	width:70px;
}
.btnIndexNextLarge {
	background-image:url(../images/main/arrow-r2.png);
	background-position:center;
	background-repeat:no-repeat;
	width:60px;
	height:60px;
        position:relative;
        display:block;
        margin:10px auto 10px auto;
        border-radius:30px;
        padding:0;
        background-color:#99E;
}
.btnPageIndexBlank {
	width:50px;
}
.btn4pdf {
	background-image:url(../images/main/btn4pdf.png);
	background-position:center;
	background-repeat:no-repeat;
}
.btnIndexContnet {
	background-image:url(../images/main/content.png);
	background-position:center;
	background-repeat:no-repeat;
}
.btnIndexClose {
	background-image:url(../images/main/close1.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#BB3300;
}
.artPiceTHeader {
	color:#554444;
	font-weight:bold;	
	text-align:left!important;
	background-color:#DDDD99;
	font-size:11pt;	
	line-height:16px;
}
.artPiceTHeaderC {
	line-height:16px;
	color:#554444;
	font-weight:bold;
	font-size:11pt;	
	text-align:center;
	background-color:#DDDD99;
}
.btn5 {
	position:relative;
	display:inline-block;
	margin-left:10px;
	width:24px;
	height:24px;
	border-radius:12px;
	background:url(../images/main/arr-go.png) no-repeat center center #6699FF;
}
.feeHeader {
    color:#AAA;
    padding:20px 0 20px 0;
    font-weight: 400;
}
.tblFees {    
    width:100%;

}
.tblFees td{
    padding:15px 0 15px 0;
}
.tblArt {
	border-collapse:collapse;
	margin-bottom:10px;
}
.tblArt td {
	border:1px solid #FFFFFF;
	padding:4px;
	text-align:center;
}
.spaceballoon {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#6699FF;
	font-weight:bold;
}
.blockHighLight1 {
	margin:10px 0 10px 0;
	text-align:justify;
	padding:10px;
	background-color:#FFFFCC;
}
.fontContent {
	font-size:12pt;
	font-weight:bold;
}
.pageIndexNumber {
	background-color:#2075CA;
	border-radius:20px;
	color:#FFF;
	display:inline-block;
	font-size:12pt;
	font-weight:bold;
	line-height:16px;
	height:24px;
	padding:11px 5px 4px 5px;
	position:relative;
	text-align:center;
	width:40px;	
}
.contentTitle {
	padding-left:10px;
}
.videoCaption {
	position:relative;
	display:block;
	margin:5px auto 15px auto;
	padding:10px;
	border-bottom:1px solid #CCE;
}

/*.li2 li {
	padding-bottom:2vw!important;
}*/
.roundIndex {
	position:relative;
	text-align:center;
	display:inline-block;
	border-radius:15px;
	padding-top:6px;
	width:27px;
	height:21px;
	background-color:#DDD;
	margin:10px 10px 0 0;
	font-size:10pt;
	color:#000;
	font-weight:bold;
}
.caption2 {
	text-align:center; 
	font-weight:bold; 
	margin-top:30px; 
	color:#555555;
}
.font6 {	
	font-weight:bold;
	color:#666;
	text-align:center;
}
.font7 {	
	font-size:160%;
	font-weight:bold;
	color:#666;
	text-align:center;
}
.font8 {
	font-size:120%;
	padding-top:10px;
	font-weight:bold;
	color:#99E;
}
.smokescreen {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9999;
}
.lblgen {
color:#66B!important;
font-weight: 600!important;
}

.btn4 a,
.btn4 a:link,
.btn4 a:visited {
color:#FFF;
}
.vdot {
    background-image:url(../images/main/vdot.png);
    background-repeat:repeat-y;
    background-position:15px 0;
    padding-left:40px;
}
.stages-title {
    background-image:url(../images/main/pointer-down.png);
    background-repeat:no-repeat;
    background-position:10px center;
    padding:10px 10px 10px 40px;
    position:relative;
    display:block;
    width:auto;
    font-weight:bold;
    font-size:12pt;
    color:#555566;
}
.completed-stage {
    /*background-image:url(../images/main/tick3.png);*/
    background-position:2px center;
}
.end-stage {
    background-image:url(../images/main/rocket1.png);
    background-position:2px center;
}
tx {
    background-color:#B0B0A8;
}
.tblSkills {
    border-collapse:collapse;
    height:29px;
    max-width:796px;
    margin:10px auto 0 auto;
}
#tblSkills th{
    padding:0 4px 0 4px;
    border-left:1px solid #FFF;	
    border-right:1px solid #CCC;
    background-color:#224;
    color:#FFF;
    padding:10px 0 10px 0;
    font-weight: bold;
    line-height:30px;
    text-align: center;
}
#tblSkillsHeader	{
    font-weight:bold;
    text-decoration:underline;
    color:#000066;
}
.skillHeader {
    background-color:#FFE;
    height:30px;	
    color:#353560;
    margin:4px 0 0 0;
    border: 1px #DFDFCC solid;
    border-bottom-color:#999;
    cursor:pointer;
}
.skillHeaderBlank {
    background-color:#DDD;
    height:30px;
    vertical-align:middle;
    padding-bottom:5px;
    color:#66668F;
    font-size:12pt;
    font-weight:bold;
}
.skillTitleBar {
    padding-bottom:5px!important;
    text-align:center;
    border:none!important;
}
.skillsBody {
    border:none;
    text-align:left;
    color:#555;
    font-weight:normal;
    background-color: #FFF;
    line-height: 26px;
    padding:10px
}

.brdLNone {
    border-left:none!important;
}
.brdRNone {
    border-right:none!important;
}
.classory {
    margin:10px 20px 10px 20px;
}
.tableKeys {
    position:relative;
    margin:10px 0 10px 10px;
    max-width:780px;
    position:relative;
    display:block;
    margin:0 auto 0 auto;
}
.tableKeys td{
    padding:4px 4px 4px 14px;
    vertical-align:top;
    border-collapse:collapse;
    line-height:normal;	
}


.btnArrowDn {
    background:url(../images/main/arrow-dn4.png) no-repeat center center; 

    
}
.btnArrowUp {
    background-image:url(../images/main/arrow-up4.png);
    background-repeat:no-repeat;
    background-position:6px center;
    padding:10px 10px 10px 40px;
}

.figure1 {
    font-size:8pt;
    color:#8598AF;
    position:relative;
    font-weight:bold;
    display:block;
    text-align:center;
    padding:5px 0 5px 0;
}
.important_info {
    margin-top:20px;
    width:200px; 
    font-weight:bold;
    line-height:40px;
    font-size:10pt; 
    color:#000066;
    border-radius:40px;
    background-color:#FFCC33;
}
.pageLogo {
    position:relative;
    display:block;
    margin:20px auto 20px auto;
}
.fontHome {
    font-size:20pt;
    line-height:40pt!important;
    margin-bottom:20px;
    color:#444;
}
.feesPage {
    position:relative;
    width:100%;
}
.feesPage h1 {
    position:relative;
    display:block;
    font-size:20px;
    width:100%;
    color:#99A;
    line-height:40px;
}
.feesPage {
    width:100%;
    max-width:100%;
    margin:0 auto 0 auto;
    background-color:#FAFAFA;
    padding:30px;
}
.certificate {
    background-color:#000; 
    object-fit:contain;
    height:100%;
    width:100%;
    max-width:1199px;
}
.portfolioTitle {
    position:relative;
    display:inline-block;
    float:left;
    line-height:36px;
    text-align:left;
    font-size:14pt;
    color:#663399;
    cursor:pointer;
}
.portfolioTitle:hover {
    color:#00F;
} 
.portfolioMainTitle {	
    line-height:40px;
    font-size:16pt;
    font-weight:bold;
    color:#99E;
    text-align:center;
    margin:10px 0 10px 0;
}
.portfolioText {
    position:relative;
    font-size:12pt;
    color:#555;
    display:none;
    margin-top:10px;
}
.portfolioLable {
    position:relative;
    display:inline-block;
    font-weight:bold;
    min-width:100px;
    color:#777;
}
.portfolioRow {
    position:relative;
    display:block;
}
.portfolioBtn, .portfolioBtn1, .portfolioBtnX, .portfolioBtn2 {
    border-radius:4px;
    position:relative;
    display:inline-block;
    margin-left:15px;
    width:50px;
    text-align:center;
    font-size:10pt;
    color:#FFF;
    float:right;
    line-height:36px;
    background-color:#DD7700;
    cursor:pointer;
}
.portfolioBtnX {
    background-color:#CCCCCC;
}
.portfolioBtn1 {
    background-color:#DD7700!important;
}
.portfolioBtn2 {
    background-color:#7777AA!important;
}

.portfolioBtn:hover {
    background-color:#FFCC00;
    color:#990000;
}
.portfolioBlock {
    border-radius:4px;
    position:relative;
    margin:0 auto 10px auto;
    background-color:#FFFFEE;
    box-shadow:2px 2px 10px #888;
    padding:10px;
}
.clear {
    position: relative;
    display: block;
    clear:both;
}
.empArr {
    position:absolute;
    bottom:-4px;
    height:20px;
    left:50%;
    width:20px;
    margin-left:-10px;
}
.empArrDn {
    background:url(../images/main/arrdn2.png) no-repeat center center;
}
.empArrUp {
    background:url(../images/main/arrup2.png) no-repeat center center;
    display:none;
}

/* INFO */
.infoButton {
    position:relative;
    display:table;
    clear:both;
    line-height:40px;
    padding:0 15px 0 15px;	
    margin:10px auto 0 auto;
    color:#FFF;
    font-size:12pt;
    text-align:center;
    border:1px solid #FF0;
    background-color:#0077FF;
    cursor:pointer;
}
.infoBlock {
    position:relative;
    display:block;
    margin:30px auto 0 auto;
    max-width:360px;
    width:100%;
    padding:30px;
    box-shadow:0 0 10px #99A;
}
.infoTitle {
    position:relative;
    display:block;
    text-align:center;
    line-height:40px;
    font-size:16pt;
}

.infoImage {
    position:relative;
    display:block;
    margin:0 auto 0 auto;
    width:50px;
    height:50px;
    margin-bottom:20px;
}
.infoText {
    position:relative;
    display:block;
    text-align:center;
    line-height:24px;
    font-size:12pt;	
    margin-top:10px;
}
.skillsTitleBar {
    padding-bottom:5px!important;
    text-align:center;
    border:none!important;
    background-color: #FFF;
}
.skillShowKeyButton {
    position:relative;
    display:block;
    margin:0px auto 0px auto;
    border-radius:0 0 15px 15px;
    width:80px;
    text-align:center;
    background-color:#BBBBEE;
    color:#FFF;
    line-height:30px;
    font-size:12pt;
    cursor:pointer;
}
.skillShowKeyButton:hover {
    background-color:#CCCCFF;
}
.empJobTitle {
    position: relative;
    display: inline-block;
    margin-left:10px;
}
.aLink .homeNewsBlock {
    position:relative;
    display: block;
    padding:20px 20px 20px 20px;
    margin:20px;
    background-color:#FFF;
    box-shadow: 0 0 5px #DDD;
    vertical-align: top;
    width:calc(100% - 80px);     
}
.aLink {
    cursor:pointer;
}
.aLink:hover {
    opacity:0.75!important;
    box-shadow:0 0 10px #AAA;
}
.agreementText {
    color:#113!important;
    max-width:400px;
    font-size:22px;
    text-align: justify;
    line-height: 26px;
    margin:30px auto 30px auto;
}
.instrumentsMenuItem b,
.instrumentsMenuItemOn b{
    position: absolute;
    bottom:-25px;
    width:60px;
    text-align: center;
    left:0;
    font-size:12px;
}
.instrumentsMenu {
    position:relative;
    display:block;
    width:100%;
    height:80px;
    text-align: center;
    margin:10px auto 20px auto;
}
.instrumentsMenuItem,
.instrumentsMenuItemOn {
     position: relative;
     display:inline-block;
     width:60px;
     height: 60px;
     border:1px solid #CCC;
     border-radius:10px;
     background-color: #EEE!important;
     background: no-repeat center center #FFF;
}
.instrumentsMenuItemOn {
     background-color:#CCD;
}
.instrumentsMenuItem {
     cursor:pointer;     
}
.instrumentsMenuItem:hover {
    background-color: #EEE;
}
.homeNewsPic {
    position: relative;
    display: inline-block;
    float:right;
    margin:0 0 20px 20px;
    vertical-align: top;
}
.homeNewsRow {
   
    position: relative;
    display:block;
    width:100%;
    padding-bottom:20px;
    padding-bottom:10px;
}
.btnHomeNewsIndex {
    position: relative;
    display:inline-block;
    margin:5px;
    width:30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-size:30px;
    line-height: 30px;
    color:#CCF;
}
.btnHomeNewsIndexOn {
    background-color:#55A;
}
.btnHomeNewsIndex:hover {
    background-color:#EEF;
}
.homeNewsTitle {
    position: relative;
    display:block;
    width:100%;
    font-size:1em;
    text-align: left;
    margin-bottom:10px;
    color:#224;
    font-weight: bold;
}
.homeNewLink {
    position:absolute;
    bottom:10px;
    right:20px;
    width:14px;
    height: 14px;
    background: url(../images/main/arrow-right.png) no-repeat right center;
}
.homeNewLink:hover {
    opacity:0.75;
}
#homeVideoMain {
    position:relative;
    padding-top:56.25%;
    width:100%;
    margin-bottom:10px; 
}
.homeNewsDate {
    position:relative;
    display: block;
    text-align: left;
    margin-top:5px;
    color:#999;
    font-size: 2vmx;
}   
.homeNewsBody {
    width:100%;
    vertical-align: top;
    position: relative;
    display: inline-block;
    text-align: left;
    color:#222;
    font-size:0.9em;
}
.homeSectionsBlock {
    position:relative;
    display:block;
    width:calc(100% - 40px);
    text-align: center;
}


.homeSection {
    position: relative;
    display:inline-block;    
    width:25%;
    height:450px;
    background-color: #f9f7f5!important;
    padding: 10px 10px 10px 10px;
    margin:20px 20px 20px 20px;
    text-align: left;
    vertical-align: top;
    border-radius: 0;
    border-top:2px solid #F5F5F5!important;
    color:#444;
    text-align: center;
}


.homebtnblock {
    position: absolute;
    text-align: center;
    display: block;
    bottom:10px;
}
.bigbtn {
    font-size:30px!important;
}
.homeitemText {
    position: relative; 
    display: block;
    font-weight: 400;
    font-style: normal;    
    color:#222;
    font-size:24px;
    margin-top:10px;    
    text-align: center;
    font-family: "Alegreya Sans", sans-serif;
    width:100%;
}

.homeSectionPic{
    position: absolute;
    bottom:20px;
    display:block;
    width:100%;
    max-width: 250px;
    align-items: center;
     display: flex;
    text-align: center;
    justify-content: center;    
    height:auto;
    vertical-align: bottom;    
    border-radius:15px;     
    left: 50%;
    -ms-transform: translateX(-50%) ;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.homeSectionPicBox {
    position:absolute;
    bottom:0;
    width:100%;
}
.clear {
    position:relative;
    display:block;
    clear:both;
}
#musicVideoMain {
    margin-top: 20px;
    position:relative;
    padding-top:56.25%;
    width:100%;
    margin-bottom:10px; 
}
.ckb1 {
    width:30px!important;
    height: 30px!important;
}
.ln1 {
    line-height: 40px;
    vertical-align: top;
}

@media only screen and (max-width: 1200px) {
    
        .flt-right,   .flt-left  {
            float:none;
            margin:20px auto 20px auto;
            width:100%;
            font-size:12pt;        
        }
    table td{
        padding:5px 8px 5px 8px!important;
    }       #blockContact{
        position:relative;
        display:block;
        clear:both;
        max-width:300px;
        width:100%;
        margin:0 auto 30px auto;
        border:1px solid #AAA;
        padding:10px 30px 10px 30px;

    }
    .mapBlock {
        position: relative;
        display: block;
        margin:0 auto 0 auto;
        width:100%;
        margin-top:20px;
    }
}
@media only screen and (max-width:1000px){ 

    .homeSection {/*1000*/
        margin: 20px;
        width:100%;
        display:block;
        text-align: center;        
    }
}
#homeVideoMain {
    position:relative;
    padding-top:56.25%;
    width:100%;
    margin:0 auto 10px auto; 
}
@media only screen and (max-width:860px){ 

   .dnaImg {
    display: block;
    float:none;
    
    margin:0 auto 30px auto;
    
}
    .intorBlock {
        display: block;
    }
    .homeNewsPic {
        display: block;
        float:none;
        margin:10px auto 10px auto;
    }
   .homeNewsBlock {
        width:calc(100% - 120px);
        height: auto;    
   }
    .introBlock .titleH2 {
        width:100%;
        text-align: center;
    }
    .introBlock {
	position:relative;
	display:block;
        padding:20px;
    }

    .fL800 {
            display:block;
            margin:10px auto 10px auto;
            float:none;
            text-align:center;
    }

    .cookingListBlock {
        width:calc(50% - 20px);
    }
}
@media only screen and (max-width: 800px) {
    .tblSubscriptions {
        font-size:14px;
    }
    .centerbox {
        max-width:300px!important;
    }
        .card-body {
        font-size:18px;
        font-weight: 400;
    }
    .subheading {
        font-size:14px!important; 
    }
    .slogan-no {
    background-color: #000;
    font-size:14px;
    padding:3px;
}
    html,
    body {
        font-size:  18px!important;
    }
    .vidx {
        display: block!important;
        margin:0 0 10px 0!important;
        width:100%!important;    
    }
.vid {
    aspect-ratio: 16/9;
    max-width: 800px;
    width:100%;
    margin:0 0 10px 0!important;
}
.vidc {
    position:relative;
    display:block;
    aspect-ratio: 16/9;
    max-width: 800px;
    width:100%;
    margin:40px auto 0 auto!important;
}
    .pic-gallery{
        display: block;
        margin:0 auto 20px auto!important;
    }

    .newsitem {
        padding:0;
        float:none!important;
        margin:0 auto 20px auto!important;
    }
.link-box {
    float: none;
    margin:0 auto 20px auto;

}
    .linkcaption {
       font-size:16px!important;
    }
    .error1fixed {
        font-size: 14px;
    }

    .slogan-line {
       font-size:16px;
    }
    .lyrics {
        font-size:20px;    
    }
    .amblomtitle {
        font-size: 26px;
    }
   .lbl2 {
       font-size:20px;
       
}
    .flt-center {
        font-size:14pt;
        font-style: italic;
        text-align:center!important;
        position: relative;
        display:block;
        width:100%;
        float:none;
    }
    .coming-soon {
        width:100%;
        max-width:240px;
        background-size: contain!important;
        background: url(../images/main/coming-soon.jpg) no-repeat right center;

        margin:20px auto 20px auto;
    }

    .siteInfo{
        font-size:14px;
    }
    
    .btnC {
        display: block!important;
        float:none!important;
        margin:15px auto 0 auto!important;
    }
    .btnCW100 {
        display: block!important;
        float:none!important;
        margin:15px auto 0 auto!important;
        max-width:100px;
    }
 .btnContent {
    font-size:3vw!important;
    min-width:5vw!important;
    width:40px!important;
}
hh1 {
    font-size:24pt;
}
hh2 {
    font-size:20pt;
}
hh3 {
    font-size:18pt;
}
.pagesPageInner {
        padding:20px 0 0 0;
}
.btnMenu {
    top:25px;
    border-radius: 10px;
    background-color: #226;
    cursor: pointer;
    padding: 8px;
    font-size:40px;
    height:60px;
    width:60px;
    right:20px;
    
}
.btnHome {
    padding: 8px;
    font-size:40px;
    height:60px;
    width:60px;
    top:25px;
}

    .submenuBarR {
        font-size:12pt!important;

}
    .fontflex {	
	padding:5px!important;
        font-size:3vw!important;
}
    .btnLarge{
        padding:5px 10px 5px 10px !important;
        font-size:inherit!important;
}
    .submenuBar2{
    font-size:4vw;
    }
    .tblFees td{
        padding:10px 0 10px 0;
    }

    .menuText1 {
        font-size: 16pt;
    }

    .menuText2 {
        font-size: 14pt;
    } 
    .menuText3 {
        font-size: 12pt;
    }
    .instrumentsMenuItem {
        margin-top:0px;
    }
    .instrumentsMenu {
        height:220px;
    }
    .menuDescription2 {    
        font-size: 4vw;    
    }
/*    li {
        font-size:  4vw!important;
    }*/

    .table td{
        font-size:  4vw!important;
    }
    .lbl1 {
        font-size:3vw;
    }
    .btnHomeMenu
    {
        font-size:20pt!important;
        float:none;
        font-size:16pt!important;
        height: 70px;
        width: 70px;
        padding-left:15px!important;
        line-height:50px!important;
    }
     .homeitemtitle{
        text-align: center;
        width:100%;
	position:relative;
	display:block;
        font-size:16pt;
        margin:0 auto 0 auto;
    }
    .yVid {
        width: 640px;
        height: 360px;
        margin: 0 auto;
    }
    .yVid {
        width: 560px;
        height: 315px;
        margin: 0 auto;
    }

    .subscribeBlock .titleH1 {
        display:block;
        text-align: center;
        width:100%;
    }
    .subscribeInput b {
        display:block;
        text-align: center;        
    }
    .subscribeInput .error1 {
        display:block;
        text-align: center;        
    }

    .homePhoto {
        margin:0 auto 0 auto;
        border-radius: 50%;
        width:100%;
        border-width:3px;
        height:auto;
        max-width: 50%;   
    }
    .homeitemText{
        text-align: center;
        margin:0;
        font-size:20pt;
        width:100%;
    }
    .homeSectionUpper{ /*800*/
       position: relative;
       display: inline-block;
       float:left;
       margin:0 auto 20px auto ;
       
       text-align: center;
       max-width:100%;
       width:100%;    
    }
    .homeitemtitle{
        position: relative;
        display: block;
        width:100%;
        margin:5px 0 10px 0;
        text-align: center;
    }
    .homeSectionPic {/*800*/
        text-align: center;
        margin:30px auto 10px auto;
    }
    .menuTitlehrz {

        float:none;
        text-align: center;
        display:block!important;
        width:100%;
        font-weight: 600;
    }
    .menuButtonhrz {
        float:none;
        text-align: center;
        display:block!important;
        margin:10px auto 10px auto!important;
    }
    .menuBodyhrz {
        width:100%;
        max-width:100%;
        display: block;
        margin:0;       
    }
    .menuBoxhrz {
	position:relative;
	display:block;
	text-align:left;
        padding:20px;
        margin-bottom:15px;
        width:100%;
    }
}
    .homeNewsBlock {
        display: block;
        padding:10px;
        margin:20px;        
        width:calc(100% - 40px);
        background-color: #F7F7F7;
    }   

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
.subheading {
    font-size:14px;
    font-weight: normal;
    color:#444;
    width:100%;
}
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}

  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }


  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */

    .topnav a {
        font-size: 20px;
    }

  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }