/* CSS Document */

@font-face{font-family:OpenSans;src:url(fonts/OpenSans-Regular.woff2) format('woff2'),url(fonts/OpenSans-Regular.woff) format('woff'),url(fonts/OpenSans-Regular.ttf) format('truetype')}

@font-face{font-family:OpenSansLight;src:url(fonts/OpenSans-Light.woff2) format('woff2'),url(fonts/OpenSans-Light.woff) format('woff'),url(fonts/OpenSans-Light.ttf) format('truetype')}

@font-face{font-family:OpenSansSemiBold;src:url(fonts/OpenSans-Semibold.woff2) format('woff2'),url(fonts/OpenSans-Semibold.woff) format('woff'),url(fonts/OpenSans-Semibold.ttf) format('truetype')}

@font-face{font-family:Pristina;src:url(fonts/pristina.woff2) format('woff2'),url(fonts/pristina.woff) format('woff'),url(fonts/pristina.ttf) format('truetype')}


body { padding:0em; font-family:opensanslight; font-size:18px;max-width:1080px; margin:0 auto;}
body a:link{color:#fff;}
body a:visited{color:#fff;}
body {
	
background-image: url(../images/diamond.jpg);
/*-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/

}


a, img{border:none; outline:none;}
/*h1 { font-size:2.2em; padding:0 0 .5em 0; }
h2 { font-size:1.5em; }*/

/********************************/
/*   SET MAIN TEMPLATE STYLE    */
/********************************/
#oroiwrapper h2 {
	padding: 1% 5%;
	color: orange;
	font-size: 22px;
}

#oroiwrapper h1 {
	font-size: 24px;
        padding: 1% 5%;
}
		
img{max-width:100%!important;height:auto}

.articlesection,#artsection,#footersection,#headersection,#locationsection,#menusection,#slidersection,.titleofarticle{
height:auto;max-width:100%;float:left;display:block;width:100%;padding:0}

#slidersection{background-color:#121212;min-height:auto!important;height:auto!important;padding:0;overflow:hidden}

.boxstyle{max-width:100%!important;float:none!important;margin:0 auto!important; /* max-width: 100% FULL MODE */}
.clearfix{display:block;width:100%;height:30px;clear:both;}


.gallerysection .col{margin-bottom:1.5%;margin-left:1.5%;padding:0px;}
.gallerysection .group{padding:2em 0em; padding-bottom:0px;}
.galleryarea{width:92%; margin:0 auto; margin-left:4.5%}
.galleryarea img{width:100%;max-height:230px!important;height:100%}
.galleryarea .l4{width:32.6%; background:none;}
.galleryarea .l4:nth-child(3n+1){margin-left:0!important;}
.galleryarea div{width:32%!important;max-height:230px!important;background-color:#212120;overflow:hidden;text-align:center}
.galleryarea div img{max-width:100%;max-height:230px!important}

.artarea{width:80%;}
.artarea p:nth-child(1){margin-bottom:10px;}
.artarea p:nth-child(2) {text-align: center;padding: 1em;font-size: 16px;font-family: opensanslight;line-height:24px; overflow:hidden; height:130px;}
.artarea p:nth-child(3){font-family:opensans; font-size:14px;text-align:center;padding:1em; width:55%; margin:10px auto 0px auto;}
.artarea img{width:50%;}


.articlearea{width:100%;overflow:hidden!important;}
.articlearea .leftside{padding:0%;}
.leftside img{width:80%;}
.articlearea .rightside{text-align:left; width:51%;padding:1%; padding-top:0;line-height:32px;}
.oneline{line-height:32px!important;text-align:left;}
.oneline p{padding:1% 5%; padding-right:0px}
.onelineimage12{line-height:32px!important; text-align:center;margin:0!important;}
.onelineimage12 img{
	max-width: 90% !important;
	height: auto;
}
.oneline12{line-height:32px; text-align:left;margin:0;padding-left:5%!important;
width:90%; height:auto!important;font-family:opensanslight;}

.rightbox ul {
	margin-left: 30px !important;
}

.oneline12 ul {
	margin-left: 20px !important;
}

.formarea{width:70%}
.formarea .col{margin:0px;}
.formarea .col:nth-child(2n+1){margin:0;}
.formarea .col.l4{padding-top:14px!important; height:25px;}
.formarea .col.l8{padding-top:12px!important; padding-bottom:14px!important;}
.formarea .l4{text-align:left;font-size:16px; font-family:opensanslight}
.formarea .l4 span{margin-left:10px;}
.formarea .l8 input{font-size:16px; font-family:opensanslight; width:80%; float:left; margin-left:3%!important;}

iframe{max-width:100%!important;width:100%!important;height:350px!important}
.locationarea .l7{width:47%!important;padding-left:6%}
.locationarea{line-height:40px}
.locationarea .l5{text-align:left;padding-left:7%;width:32%!important}

.col.l11.oneline{width:95%!important;}

.noresponsive,iframe{display:block}
.responsive{display:none;}

#headersection .col{padding-top:1em;padding-bottom:1em}
.col{color:#ccc;padding:0}
.flagsarea{padding-top:4.5%!important}
.flagsarea img{max-width:15%!important; cursor:pointer;}
.logo{margin-left:10px;}

.titleofarticle{width:100%;height:45px;background-color:#cf7602;float:left;text-align:center;font-size:38px;font-family:pristina;padding-top:15px}
.titleofarticle span{position:relative;display:inline-block;z-index:9;color:#E0DFDE!important}
.block1,.block2{position:relative;z-index:9}
.block1{left:-3px;top:-12px}
.block2{right:-3px;bottom:-5px}

.articleheader25 {
	font-size: 25px;
	color: #cf7602;
	font-family: opensanslight;
}
.articleheader {
	font-size: 18px;
	color: #cf7602;
	font-family: opensanslight;
}


.mylist {
	margin-left: 40px;
	line-height: 35px;
	font-family: opensanslight;
	font-size: 16px;
	list-style-type: square;
}

.orangenonedec{font-size:22px; color:orange!important; text-decoration:none!important;}
/* contact form */

.contactus iframe {
	max-width: 100% !important;
	width: 95% !important;
	height: 350px !important;
	border: 12px solid #333 !important;
}

.contactdetails{margin-left:2%!important;width:90%!important;}

#name, #phone, #email, #subject, #message, #requirefield {
	font-family: opensanslight;
	font-size: 16px;
	float: left;
	padding: 5px;
	width: 200px;
}

#namevalue, #phonevalue, #emailvalue, #subjectvalue, #messagevalue, #requirevalue {
	font-family: opensanslight;
	font-size: 16px;
	float: left;
    width: 50%;
	padding: 5px;
	padding-right:2%;
}

#countryvalue, #routevalue, #personsvalue, #datefromvalue, #datetillvalue, #requirevalue, #countryvalue {
	font-family: opensanslight;
	font-size: 16px;
	float: left;
	padding: 5px;
	width: 50%;
	padding-right:2%;
}

#country, #route, #persons, #datefrom, #datetill {
	font-family: opensanslight;
	font-size: 16px;
	float: left;
	padding: 5px;
	width: 200px;
}

#namevaluebox, #phonevaluebox, #emailvaluebox, #subjectvaluebox, #messagevaluebox, #countryvaluebox, #routevaluebox, #personsvaluebox, #datefromvaluebox, #datetillvaluebox {
	font-family: opensanslight;
	font-size: 16px;
	float: left;
	width: 100%;
	background-color: #fff;
	padding:2% 0%!important;
}

.clearfixcontact {
	clear: both;
	height: 10px;
	display: block;
}

#sendmessage, #clearform, #sendrequestform {
	font-family: opensans;
	font-size: 16px;
	background-color: #cf7602;
	padding: 2%;
}

#sendmessage:hover, #clearform:hover, #sendrequestform:hover{
	font-family:opensans; font-size:16px; color:#cf7602; background-color:#292828; cursor:pointer; padding:2%;}

#countryvaluebox {
	width: 101%!important;
}

#contactform{height:350px;}

#requestform{height:650px;}

#sendmessage, #sendrequestform {
	margin-right: 1% !important;
	width: 46%!important;
	font-size: 88%!important;
}
#clearform {
	width:50%!important;
	font-size: 88%!important;
}

#messagevaluebox{height:150px;}

.cf7602{color:#cf7602;}
/* end contact form */

.clearfix80{display:block!important;width:100%;height:80px;clear:both;}


/********************************/
/*   COLOR MODE FOR PRACTICE    */
/********************************/


#headersection{background:#272626 !important;}
#menusection{background:#3c3b3a!important;}
#slidersection{background-color:#332f2d!important;}
#artsection{background-color:#0F0!important;}
.titleofarticle{background-color:#3f3d3d!important; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.articlesection{background-color:#272626!important}
.gallerysection{background-color:#272626!important}
#locationsection{background-color:#272626!important;}
#footersection{background-color:#272626!important}


#footersection .l12{background:#3f3d3d!important;color:#ccc;padding:1.5em 0;font-size:18px;font-family:opensans; border-top:1px solid #fff;}

#footersection{margin-bottom:50px;}

.hideme{display:none!important;height:0px;width:0px;}
/***********************************/
/*   Shrink Class - Sticky Menu    */
/***********************************/

.shrink{float:left;max-width:1080px!important;min-height:41px!important;margin-left:auto;margin-right:auto;position:fixed;top:0}


/********************************/
/* Scroll On Top                */
/********************************/

.scrollToTop{width:100px;height:130px;text-align:center;font-weight:700;color:#444;text-decoration:none;position:fixed;bottom:20px;left:50%;margin-left:-40px;visibility:visible;background:url(../images/scroll.png) 0 20px no-repeat;z-index:9999}

.scrollToTop:hover{text-decoration:none;}

#debug{width:400px;height:250px;position:fixed;left:-10px;background-color:#B8B28C;padding:20px;border:1px solid #f3b211;display:block;text-align:left;z-index:9999;font-size:16px;color:#000}

.bjqs-next a{right: 0;top: 33% !important;}

.bjqs-prev a{left: 0;top: 33% !important;}

.orangesmalltitle{color:#cf7602; font-family:opensanslight; font-size:18px;font-weight:bold}
/************************************************/
/* BREAKPOINT 1000px - Medium Devices, Desktops  */
/************************************************/

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

.artarea{width:90%;}

}

@media only screen and (max-width : 843px) {
#sendmessage, #sendrequestform {
	margin-right: 1% !important;
	width: 101%!important;
	font-size: 88%!important;
}
#clearform {
	width:101%!important;
	font-size: 88%!important;
	margin-top:2%;
}

#country, #route, #persons, #datefrom, #datetill {
	width: 100px;
}

#name, #phone, #email, #subject, #message, #requirefield {

	width: 100px;
}

#requirefield{text-align:center; font-size:14px;}
}

/***********************************************/
/* BREAKPOINT 768px - Small Devices, Tablets   */
/***********************************************/

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

#menusection{padding-top:0px;padding-bottom:0px;height:50px!important; z-index:999}
/*.gallerysection .l3:nth-child(2n+1){margin-left:0!important;}*/
.clearfixheader, .clearfixfooter{display:none;width:100%;height:30px;clear:both;}

#headersection .col{width:100%;margin-left:0px;display:block; margin-top:2px;padding-top:1em;padding-bottom:0;}

.artarea{width:100%;}

.galleryarea{width:98%; margin:0 auto;}

.formarea{width:98%}

.flagsarea img{width:31.7px!important}
.flagsarea{padding:15px 0px!important;}
.locationarea{overflow:hidden!important;}
.locationarea .l7{width:87%!important;padding-left:6%}
.locationarea .l5{text-align:left;padding-left:7%;width:87%!important}
.noresponsive{display:none;}
.responsive {
	width: 100% !important;
	height: auto !important;
	background-color: #272626;
	text-align: center;
	smargin-top: 0px;
	padding: 10px;
	font-family: opensanslight;
	font-size: 18px;
	line-height: 45px;
	padding-top: 25px;
	padding-right: 8%;
	display: block;
}


}


/***********************************************/
/* BREAKPOINT 736px - Small Devices, Tablets   */
/***********************************************/

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

.shrink{position:relative;}
.bjqs-next a{right: 0;top: 30% !important;}

.bjqs-prev a{left: 0;top: 30% !important;}
}

/***********************************************/
/* BREAKPOINT 670px - CUSTOM   */
/***********************************************/

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

.artarea{width:100%;}
.artarea .col{width:100%; padding-left:2%; padding-right:2%; margin-bottom:10px;margin-left:0;}
.artarea p:nth-child(1){width:16%;float:left;}
.artarea img{width:100%;}
.artarea p:nth-child(2) {padding: 1em;font-size: 16px;font-family: opensanslight;line-height:24px; overflow:hidden;width:74.20%;float:left;text-align:left; padding-left:3%; height:auto;padding-bottom:20px;margin-top:-10px;}
.artarea p:nth-child(3) {font-family: opensans;font-size: 14px;text-align: center;padding: 1em;width: auto;margin: 10px 4.5% 0px auto;
float: right;}

.articlearea .leftside{width:100%;padding:2%;padding-left:0; margin-left:0;}
.articlearea .rightside{width:100%;padding:2%;margin:0;padding-left:5%;padding-right:5%;}
.leftside img{width:70%;}
.rightside p {width: 90%;text-align: left;}

.gallerysection .col{margin-bottom:0.5%;margin-left:0%;padding:0px;}
.galleryarea{width:92%; margin:0 auto;margin-left:4.8%!important;}
.galleryarea img{width:100%;}
.galleryarea .l4{width:48.5%!important;min-height:100%!important;background:none;margin-right:1.5%!important;margin-bottom:1.5%!important;}

.galleryarea .l4:nth-child(2n+1){margin-left:0!important;}


.bjqs-next a{right: 0;top: 33% !important; height:50%!important;}
.bjqs-prev a{left: 0;top: 33% !important; height:50%!important}
.slarrowright, .slarrowleft {width: 100% !important;height: 60% !important;}

#namevalue, #phonevalue, #emailvalue, #subjectvalue, #messagevalue, #requirevalue {

	width: 90%;

}

#countryvalue, #routevalue, #personsvalue, #datefromvalue, #datetillvalue, #requirevalue, #countryvalue {

	width: 90%;

}

#countryvaluebox {
	width: 101% !important;
}

#requirefield, #phone{text-align:left; font-size:16px; width:90%;}

}

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

/*#namevaluebox, #phonevaluebox, #emailvaluebox, #subjectvaluebox, #messagevaluebox, #countryvaluebox, #routevaluebox, #personsvaluebox, #datefromvaluebox, #datetillvaluebox {

	width: 100%!important;
	background-color: #fff;
	z-index:999;
}

#namevalue, #phonevalue, #emailvalue, #subjectvalue, #messagevalue, #requirevalue,#countryvalue, #routevalue, #personsvalue, #datefromvalue, #datetillvalue {

	width: 100%;
}

#countryvaluebox {
	width: 103%!important;
	z-index:999;
}*/

}


/***********************************************/
/* BREAKPOINT 523px - Small Devices, Tablets   */
/***********************************************/

@media only screen and (max-width : 523px) {
	
p.bjqs-caption{display:none!important;}
.bjqs-controls{display:none;}
}

/***********************************************/
/* BREAKPOINT 505px - Small Devices, Phones    */
/***********************************************/

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

.artarea p:nth-child(1){width:95.7%;float:left;}
.artarea p:nth-child(2){width:95.7%;float:left; padding:0;text-align:center;}
.artarea p:nth-child(3){width:95.7%;float:left; padding:20px 0px;}
.artarea img{width:100px;}

.leftside img{width:90%;}

.galleryarea{width:96%; margin:0 auto;margin-left:2.5%!important;}
.galleryarea .l4{width:96%; background:none;}
.galleryarea .l4:nth-child(2n+1){margin-left:0!important;}
.galleryarea .l4{margin-right:1.5%!important;}

.formarea .l8 input{font-size:16px; font-family:opensanslight; width:92%; float:left; margin-left:3%!important;}

iframe {
	max-width: 100% !important;
	width: 100% !important;
	height: 250px !important;
}

.block1, .block2 {
	position: relative;
	z-index: 9;
}
.block2 {
	right: -3px!important;
	bottom: -10px!important;
	width:10%!important;
}

.block1 {
	left: -3px!important;
	top: -12px!important;
	width:10%!important;
}

.titleofarticle{font-size:32px; padding-top:20px;}

.locationarea .l7 {
	width: 87% !important;
	padding-left: 6%;
	height: 250px !important;
}

.contactus iframe {
	max-width: 100% !important;
	width: 95% !important;
	height: 200px !important;
	border: 12px solid #333 !important;
}

}

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

/*#sendmessage, #clearform, #sendrequestform {
	font-family: opensans;
	font-size: 16px;
	background-color: #cf7602;
	padding: 5px;
	width: 104%;
}
#sendmessage{margin-bottom:5px;}*/

.articleheader25 {
	font-size: 18px!important;}

.galleryarea .l4{width:99%!important; background:none;height:auto!important;}

}


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

.responsive{
    width: 100% !important;
	height: auto !important;
	background-color: #121212;
	text-align: center;
	margin-top: 0px;
	padding: 10px;
	padding-left:0px;
	font-family: opensanslight;
	font-size: 16px;
	line-height: 28px;
	padding-top: 25px;
	padding-right: 8%;
	display: block;
}

.titleofarticle{font-size:26px;height:37px;padding-top:18px;}
iframe {
	max-width: 100% !important;
	width: 100% !important;
	height: 180px !important;
}

.articlearea .rightside {
	font-size: 16px;
}

.oneline p {
	font-size: 16px;
}
	
}

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

.galleryarea .l4{width:99%!important; background:none;}

#slidersection img{min-height:200px!important;}
#banner-slide,.bjqs-wrapper,.bjqs,.bjqs-slide{
min-height:200px!important;

}

}
/***********************************************/
/* BREAKPOINT 320px - Custom, iPhone Retina    */
/***********************************************/

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

	
}