@import url('https://fonts.googleapis.com/css?family=Quicksand');

BODY {
background:#6d0913;
background:#fefefe url(../gifs/bck1.jpg) no-repeat;
background-position:center top;
height:100%;
margin-top:0px;
margin-bottom:0px;
font-size:15px;
-webkit-text-size-adjust: 100%;
margin-left:0px;
margin-right:0px;
text-align:center;
}
BODY.croatia {
background:#6d0913;
background:#fefefe url(../gifs/bck2.jpg) no-repeat;
background-position:center top;
height:100%;
margin-top:0px;
margin-bottom:0px;
font-size:15px;
-webkit-text-size-adjust: 100%;
margin-left:0px;
margin-right:0px;
text-align:center;
}
BODY.about {
background:#6d0913;
background:#fefefe url(../gifs/bck4.jpg) no-repeat;
background-position:center top;
height:100%;
margin-top:0px;
margin-bottom:0px;
font-size:15px;
-webkit-text-size-adjust: 100%;
margin-left:0px;
margin-right:0px;
text-align:center;
}
BODY.services {
background:#6d0913;
background:#fefefe url(../gifs/bck5.jpg) no-repeat;
background-position:center top;
height:100%;
margin-top:0px;
margin-bottom:0px;
font-size:15px;
-webkit-text-size-adjust: 100%;
margin-left:0px;
margin-right:0px;
text-align:center;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {overflow-y: scroll;} 

.maincontent {
margin-top:10px;
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
padding:0px;
min-height:730px;
background:transparent;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-align:center;
margin-bottom:50px;
background:#fefefe;
}

EM{
font-weight:bold;
color:#e38703;
text-shadow:1px -1px 0px #444;
}

.nav{
display:block;
float:left;
text-transform: uppercase;
padding-left:4px;
padding-right:4px;
font-family: "open sans", "bookman","Bookman old style","open sans", "arial","helvetica",sans-serif;
padding-bottom:21px;
font-size:17px;
}

.navbox{

border-bottom:#000000 0px solid;
}


UL.bullet{
list-style-type: disc;
padding-left:14px;
margin-left:20px;
}

.twitter
{
  display: block;
  width: 68px;
  height: 41px;
  background: url("../gifs/twittericon.gif") no-repeat 0 0;
  float:left;
}

.twitter:hover
{ 
  background-position: 0 -41px;
}

.twitter span
{
  position: relative;
  top: -999em;
}

 
.facebook
{
  display: block;
  width: 68px;
  height: 41px;
  background: url("../gifs/facebookicon.gif") no-repeat 0 0;
  float:left;

}

.facebook:hover
{ 
  background-position: 0 -41px;
}

.facebook span
{
  position: relative;
  top: -999em;
}


.linkedin
{
  display: block;
  width: 68px;
  height: 41px;
  background: url("../gifs/linkedinicon.gif") no-repeat 0 0;
  float:left;

}

.linkedin:hover
{ 
  background-position: 0 -41px;
}

.linkedin span
{
  position: relative;
  top: -999em;
}



.blog
{
  display: block;
  width: 68px;
  height: 41px;
  background: url("../gifs/blog.gif") no-repeat 0 0;
  float:left;

}

.blog:hover
{ 
  background-position: 0 -41px;
}

.blog span
{
  position: relative;
  top: -999em;
}


.homebox{
text-align:left;
width:447px;
background:#faecb1;
border:1px solid #fde276;
opacity:0.9;
filter:alpha(opacity=90);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:7px;
margin-left:5px;
padding:4px;
float:left;
min-height:278px;
}

.homeboxbig{
text-align:left;
width:557px;
background:#fff;
border:1px solid #fde276;
opacity:0.9;
filter:alpha(opacity=90);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:7px;
margin-left:5px;
padding:4px;
float:left;
min-height:278px;
}


.homeboxpress{
text-align:left;
width:96%;
background:#dccfc7;
border:1px solid #fde276;
opacity:0.9;
filter:alpha(opacity=90);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding:4px;
float:left;
min-height:28px;
margin-top:11px;
margin-left:9px;
}


.homeboxsmall{
text-align:left;
width:236px;
background:#cf69b2;
border:1px solid #c949a4;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding-top:30px;
margin-left:11px;
padding:4px;
float:left;
margin-top:0px;
min-height:278px;
margin-top:7px;
}

.imagebox{
float:left;
margin-left:9px;
}

.quotebox{
width:309px;
background:#77ee6a;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:0px;
margin-left:2px;
padding:4px;
float:left;
margin-top:13px;
min-height:408px;
}
.quoteboxhome{
width:309px;
background:#77ee6a;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:0px;
margin-left:2px;
padding:4px;
float:left;
margin-top:13px;
min-height:408px;
}

UL.navbox{
border-top:#000000 1px solid;
width:900px;
}

.bodybox{
text-align:left;
width:450px;
background:#b2a1c7;
border:1px solid black;
opacity:0.9;
filter:alpha(opacity=90);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:200px;
padding:2px;
margin-left:5px;
margin-bottom:50px;
}


.footerbox{
width:950px;
background:#f9ddfc;
border:1px solid black;
opacity:0.7;
filter:alpha(opacity=70);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:10px;
padding:2px;
  margin-left: auto ;
  margin-right: auto ;
font-size:15px;
}

H1{
color:#000;
font-size:22px;
font-family: "open sans", "arial","helvetica",sans-serif;
font-weight:normal;
margin-top:8px;
letter-spacing:0.2em;
margin-left:11px;
padding-left:11px;
margin-top:13px;
padding-bottom:5px;
text-align:left;
}

H1.top{
color:#222;
font-size:30px;
font-family: "times new roman",serif;
font-weight:normal;
padding-top:28px;
letter-spacing:0.1em;
text-align:left;
background:transparent url(../gifs/logo.png) no-repeat;
min-height:120px;
border:#000000 solid 0px;
text-shadow: 2px 2px 8px #ffffff;
padding-left:205px;
text-transform: uppercase; 
text-indent: -9999px; 

}

H2{
color:#555;
font-size:21px;
font-family: "open sans", "arial","helvetica",sans-serif;
font-weight:normal;
margin-top:8px;
letter-spacing:0.2em;
margin-left:3px;
padding-left:0px;
margin-top:13px;
padding-bottom:5px;
}

H3{
color:#000;
font-size:100%;
font-family: "open sans", "arial","helvetica",sans-serif;
font-weight:normal;
margin-top:20px;
letter-spacing:0.3em;
background:transparent;
margin-left:3px;
padding-left:0px;
}

.footer{
background:#b2a1c7;
background:#f9ddfc;
margin:0px;
padding-top:10px;
min-height:70px;
margin-top:16px;
font-size:15px;
border-top:0px #999999 solid;
width:100%;
  margin-left: auto ;
  margin-right: auto ;
}


P{
color:#000;
font-size:15px;
font-family: "Quicksand", "bookman","Bookman old style","open sans", "arial","helvetica",sans-serif;
margin:3px;
line-height:1.5;
text-align:left;
}

P.quote{
font-family:"Times New Roman", serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
padding-left:4px;
color:#444444;
letter-spacing:1.1px;
background:transparent;
margin:2px;
padding-bottom:20px;
padding-top:15px;
font-style:italic;
}



LI{
color:#000000;
font-size:15px;
font-family: "Quicksand", "arial","helvetica",sans-serif;
margin:3px;
}



P.top{
font-size:15px;
background:#fefefe;
color:#b2a1c7;
padding:12px;
margin:10px;
margin-bottom:15px;
border:1px solid #eee;
opacity:0.95;
filter:alpha(opacity=95);
width:700px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
  margin-left: auto ;
  margin-right: auto ;
font-family: "Quicksand", "handlee", "arial","helvetica",sans-serif;
}


a:visited{
background-color:transparent;
color:#222;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
text-decoration:none;
}

a:link{
background-color:transparent;
color:#222;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
text-decoration:none;
}

a:hover{
background-color:transparent;
color:#222;
font-size:14px;
text-decoration:underline;
font-weight:bold;
letter-spacing:1px;
}

a:active{
background-color:transparent;
color:#222;
font-size:14px;
text-decoration:none;
font-weight:bold;
letter-spacing:1px;
}

 .largeselect { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.largeselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 


 .select { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.select:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 


  .smallselect { 
    border: 1px solid #c4c4c4; 
    width: 140px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.smallselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.button {
	
-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	
-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	
box-shadow:inset 0px 1px 3px 0px #91b8b3;
	
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	
background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	
background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	
background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	
background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	
background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	
background-color:#768d87;
	
-moz-border-radius:5px;
	
-webkit-border-radius:5px;
	
border-radius:5px;
	
border:1px solid #566963;
	
display:inline-block;
	
cursor:pointer;
	color:#ffffff;
	
font-family:arial;
	
font-size:14px;
	
font-weight:bold;
	
padding:2px;
	
text-decoration:none;
	
text-shadow:0px -1px 0px #2b665e;

}


.button:hover {
	
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	
background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	
background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	
background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	
background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	
background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	
background-color:#6c7c7c;

}


.button:active {
	
position:relative;
	
top:1px;

}




IMG.left{
float:left;
padding:5px;
}


IMG.leftcurve{
float:left;
padding:5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:3px;
}

IMG.right{
float:right;
padding:5px;
}

P.clear{
clear:both;
}

IMG.right2{
float: right; 
width:41.66%;
margin-left:2rem


}

IMG.img100{width:95%;}

.halfbox{
width:50%;
float:left;
}

.halfbox2{
width:50%;
float:left;
margin-top:55px;
}

.imagebox{width:635px;
margin-top:14px;
}


.mobshow{
display: none;
}

.mobhide{
display: inline;
}




@media only screen and (min-width : 800px) and (max-width : 999px) {



.mobshow{
display: inline;
}

.mobhide{
display: none;
}


.halfbox{
width:97%;
float:none;
}
.halfbox2{
width:97%;
float:none;
margin-top:40px;
}

.imagebox{width:97%;}

.footerbox{width:95%;}
.footer{width:100%;}
.maincontentllawryglyn{width:100%;}
.maincontent{width:95%;margin-right:auto;margin-left:auto;}
.maincontent1{width:100%;}
.maincontent2{width:100%;}
.maincontent3{width:100%;}
.maincontent4{width:100%;}
P.top{width:80%;}
.homebox{width:450px;}
.homeboxbig{width:490px;}
.quoteboxhome{width:430px;
min-height:308px;}
.bodybox{width:90%;}
.bigbodybox{width:90%;}
.bigbodyboxnoop{width:90%;}
.bodyboxnoop{width:90%;}
.select{width:90%;}
.largeselect{width:90%;}
.subbox{width:90%;}
IMG.img80{width:90%;}

H1.top{width:90%;padding-left:11px;padding-top:9px;}
}





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


.mobshow{
display: inline;
}

.mobhide{
display: none;
}

.smallmobhide{
display: none;
}

.halfbox{
width:97%;
float:none;
}
.halfbox2{
width:97%;
float:none;
}
.imagebox{width:97%;}

.footerbox{width:100%;}
.footer{width:95%;margin-right:auto;margin-left:auto;}
.maincontentllawryglyn{width:100%;}
.maincontent{width:95%;margin-right:auto;margin-left:auto;}
.maincontent1{width:100%;}
.maincontent2{width:100%;}
.maincontent3{width:100%;}
.maincontent4{width:100%;}
P.top{width:80%;}
.homebox{width:90%;}
.homeboxbig{width:90%;}
.bodybox{width:90%;}
.bigbodybox{width:90%;}
.bigbodyboxnoop{width:90%;}
.quotebox{width:90%;}
.quoteboxhome{width:90%;}
.bodyboxnoop{width:90%;}
.select{width:90%;}
.largeselect{width:90%;}
.subbox{width:90%;}
IMG.img80{width:90%;}

H1.top{width:90%;padding-left:11px;padding-top:9px;}
}