body { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; color: #888; line-height: 30px; text-align: center; }

strong { font-weight: 500; }

a {  border-bottom: none; text-decoration: none; transition: all .3s; }
a:hover, a:focus {  border: 0; text-decoration: none; }

h1, h2 {  font-size: 38px; font-weight: 100; color: #E6D492; line-height: 50px; }
h3 { font-size: 22px; font-weight: 300; color: #E6D492; line-height: 30px; }
h4 { font-size: 18px; font-weight: 300; color: #E6D492; line-height: 26px; }

img { max-width: 100%; }

.medium-paragraph { font-size: 18px; line-height: 34px; }

::-moz-selection { background: #f35b3f; color: #fff; text-shadow: none; }
::selection { background: #f35b3f; color: #fff; text-shadow: none; }









/***** Wrapper *****/

.wrapper { display: block; }


/***** Sidebar *****/

.sidebar {
	width: 250px; height: 100vh; position: fixed; top: 0; right: -255px; z-index: 999; 
	background: #333; color: #fff; transition: all .3s; box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);
	text-align: right;
	background-size: contain;     
    background: url(../data/img/bakimg.png) right bottom repeat,
              radial-gradient(  #036A61, #01413B) left top repeat;         
 
}

.sidebar.active { right: 0; }

.dismiss {
	width: 30px; height: 30px; position: absolute; top: 10px; left: 10px; transition: all .3s; 
	background: #036A61; border-radius: 4px; text-align: center; line-height: 33px; cursor: pointer;
	
	
}

.dismiss:hover, .dismiss:focus { background: #E6D492; color: #4b431d;border-radius:4px; }


.sidebar h4{
border-size

	text-align: center;
	border:solid;
	border-width:0px 0px 1px 0px;
	border-color:#E6D492;
	padding-bottom:7px;
		color: #E6D492;
	
}

.sidebar ul.menu-elements { padding: 10px 0;  transition: all .3s; }

.sidebar ul li a {
	display: block; padding: 10px 20px;
	border: 0; color: #fff;
	margin:10px;
}
.sidebar ul li a:hover,
.sidebar ul li a:focus,
.sidebar ul li.active > a:hover ,
.sidebar ul li.active > a:focus { outline: 0; background: #E6D492; color: #4b431d; margin:10px;border-radius:20px; }

.sidebar ul li a i { margin-right: 5px; }

.sidebar ul li.active > a, a[aria-expanded="true"] {
	background: radial-gradient(  #036A61, #01413B) ;
	border-radius:20px;
	color: #fff;
	margin:10px;
	
	
}

.sidebar ul ul a { background: #444; padding-left: 30px; font-size: 14px; }

.sidebar ul ul li.active > a { background: #555; }

.sidebar a[data-toggle="collapse"] {
    position: relative;
}

.sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.sidebar .to-top { padding: 20px; text-align: center; }



/***** Dark overlay *****/

.overlay {
    display: none; position: fixed; width: 100vw; height: 100vh; 
    background: rgba(51, 51, 51, 0.7); z-index: 998; opacity: 0; transition: all .5s ease-in-out;
}

.overlay.active { display: block; opacity: 1; }


/***** Content *****/

.content { width: 100%; transition: all 0.3s; }

.open-menu {	width: 30px; height: 30px; position: fixed;  transition: all .3s; 
	background: #036A61; border-radius: 4px; text-align: center; line-height: 33px; cursor: pointer;
	 top: 15px; left: 10px;  z-index: 997;	color: #fff;

	 }

.open-menu.btn-customized,
.open-menu.btn-customized:hover, 
.open-menu.btn-customized:active, 
.open-menu.btn-customized:focus, 
.open-menu.btn-customized:active:focus, 
.open-menu.btn-customized.active:focus,
.open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active,
.open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	
}
.open-menu.btn-customized:hover, .open-menu.btn-customized:focus { background: #E6D492; color: #4b431d;border-radius:4px; }


/***** Buttons *****/

a.btn-customized {
	margin-left: 5px; margin-right: 5px; padding: .75rem 1.5rem; 
	background: #f35b3f; border: 0; border-radius: 4px; 
	font-size: 16px; font-weight: 300; color: #fff; box-shadow: none;
}

a.btn-customized:hover, 
a.btn-customized:active, 
a.btn-customized:focus, 
a.btn-customized:active:focus, 
a.btn-customized.active:focus,
a.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active,
a.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	outline: 0; background: #cd533d; background: rgba(243, 91, 63, 0.7); border: 0; color: #fff; box-shadow: none;
}


a.btn-customized-3 {
	display: inline-block;  margin: 0; padding: .75rem 1.5rem; 
	 border: 0; border-radius: 14px; 
	font-size: 16px; font-weight: 300; color: #fff; box-shadow: none;
		background: radial-gradient(  #036A61, #01413B) ;

	
}

a.btn-customized-3:hover, 
a.btn-customized-3:active, 
a.btn-customized-3:focus, 
a.btn-customized-3:active:focus, 
a.btn-customized-3.active:focus,
a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active,
a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	 
	outline: 0; background: #E6D492; color: #4b431d; margin: 0; padding: .75rem 1.5rem;border-radius:14px;border: 0;box-shadow: none;font-weight: 300;font-size: 16px;
}




a.vorod{
	display: inline-block;  margin: 0; padding: .75rem 1.5rem; 
	 border: 0; border-radius: 14px; 
	font-size: 16px; font-weight: 300; color: #fff; box-shadow: none;
		background: linear-gradient(  #5DB9C9, #014C51) ;
margin-top:14px;
margin-bottom:14px;



}
a.vorod:hover, 
a.vorod:active, 
a.vorod:focus, 
a.vorod:active:focus, 
a.vorod.active:focus,
a.vorod.btn.btn-primary:not(:disabled):not(.disabled):active,
a.vorod.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	 
	outline: 0; background: #E6D492; color: #4b431d; margin: 0; padding: .75rem 1.5rem;border-radius:14px;border: 0;box-shadow: none;font-weight: 300;font-size: 16px;
margin-top:14px;
margin-bottom:14px;
}

a.insta{
	display: inline-block;  margin: 0; padding: 10px; 
	 border: 0; border-radius: 14px; 
	font-size: 16px; font-weight: 300; color: #fff; box-shadow: none;
		background:linear-gradient(200deg, rgb(64, 3, 108) 0%, rgb(221, 137, 68) 100%);
margin-top:14px;
margin-bottom:14px;

}
a.insta:hover, 
a.insta:active, 
a.insta:focus, 
a.insta:active:focus, 
a.insta.active:focus,
a.insta.btn.btn-primary:not(:disabled):not(.disabled):active,
a.insta.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	 
	outline: 0; background: linear-gradient(200deg, rgb(221, 137, 68) 0%, rgb(64, 3, 108) 100%); margin: 0; padding: 10px; border-radius:14px;border: 0;box-shadow: none;font-weight: 300;font-size: 16px;
margin-top:14px;margin-bottom:14px;
}
a.whatsapp{
	display: inline-block;  margin: 0; padding: 10px; 
	 border: 0; border-radius: 14px; 
	font-size: 16px; font-weight: 300; color: #fff; box-shadow: none;
		background:linear-gradient(20deg, #5DEA37 0%, #169572 100%);
margin-top:14px;
margin-bottom:14px;

}
a.whatsapp:hover, 
a.whatsapp:active, 
a.whatsapp:focus, 
a.whatsapp:active:focus, 
a.whatsapp.active:focus,
a.whatsapp.btn.btn-primary:not(:disabled):not(.disabled):active,
a.whatsapp.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	 
	outline: 0; background: linear-gradient(20deg, #169572 0%, #5DEA37 100%); margin: 0; padding: 10px;border-radius:14px;border: 0;box-shadow: none;font-weight: 300;font-size: 16px;
margin-top:14px;margin-bottom:14px;
}
a.shahidicon{


color:#E6D492;

}
a.shahidicon:hover, 
a.shahidicon:active, 
a.shahidicon:focus, 
a.shahidicon:active:focus, 
a.shahidicon.active:focus,
a.shahidicon.btn.btn-primary:not(:disabled):not(.disabled):active,
a.shahidicon.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
color:#4b431d;	 

}







/***** index content *****/
.index-content { width: 100%;height:100%;

	 top: 0;  z-index: 999; 
    color: #fff; transition: all .3s; 
	text-align: center;
	background-size: contain;     
    background: url(../data/img/bakimg2.png) right bottom repeat,
              radial-gradient(  #036A61, #01413B) left top repeat;         
 border:none;





 }
 .index-contentbody { width: 100%;height:100%;

	 top: 0;  z-index: 999; 
    color: #fff; transition: all .3s; 
	text-align: center;
	background-size: contain;     
    background: url(../data/img/bakimg2.png) right bottom repeat,
              radial-gradient(  #F6EDD8, #F5E1B6) left top repeat;         
 border:none;





 }
 


 
.index-boxholderborder { 

border:solid;
border-width:47px 5px 0px 5px;
border-color:#E6D492;
border-radius: 100px 100px 0px 0px;



 }




/***** home content *****/

.tp-content { width: 100%;

	 top: 0;  z-index: 999; 
    color: #fff; transition: all .3s; box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);
	text-align: right;
	background-size: contain;     
    background: url(../data/img/bakimg.png) right bottom repeat,
              radial-gradient(  #036A61, #01413B) left top repeat;         






 }

.tp-content .active  { color: #E6D492; border-color:#E6D492;border-style:solid;border-width:0px 0px 2px 0px;padding-bottom:5px;}
.tp-content  a { color: #fff;border-style:none; }
.tp-content  a:hover,
.tp-content  a:focus { color: #02BDAE;  border-color:#02BDAE;border-style:solid;border-width:0px 0px 2px 0px;padding-bottom:5px; }

 .tp-content .menulist {
  margin: 0;
  padding: 5px;
 text-align: center;
 align-items: center;
 
}





















/***** Footer *****/

footer { padding: 14px 0;
 width: 100%; 

	 top: 0;  z-index: 999; 
    color: #fff; transition: all .3s; box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);
	background-size: contain; 
	text-align: right;    
    background: url(../data/img/bakimg.png) right bottom repeat,
              radial-gradient(  #036A61, #01413B) left top repeat;
 border:none;			  







 }



@media screen and (min-width: 766px) {
   .nav2 {
    position:absolute;

 }
}



@media screen and (max-width: 767px) {
   .nav2 {
    position: sticky;


 }
}