/*  #A2D9F5 blee fotogramma */

/* fb8501 orange */

/* se media query kapoia vgenoun deksia */
/* paskse poio isos oxi to center_div

centerdiv vgalto 
scrollTo.js vhalto mallon

 */


 @font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: local('Muli Light'), local('Muli-Light'), url(http://themes.googleusercontent.com/static/fonts/muli/v5/_fUwxgthNvUM9WCtMyMvbA.woff) format('woff');
}


 @font-face {
font-family: texgyreadventor;
src: url("../fonts/tex-gyre-adventor/texgyreadventor-bold.otf") format("opentype");
}


 @font-face {
font-family: CaviarDreams;
src: url("../fonts/Caviar-Dreams/CaviarDreams.ttf") format("opentype");
}

 @font-face {
font-family: CaviarDreamsBold;
src: url("../fonts/Caviar-Dreams/Caviar_Dreams_Bold.ttf") format("opentype");
}

 @font-face {
font-family: Junicode;
src: url("../fonts/junicode/Junicode.ttf") format("opentype");
}

 @font-face {
font-family: NOVA-BOLD;
src: url("../fonts/billy-argel_nova/NOVA-BOLD.otf") format("opentype");
}


 @font-face {
font-family: BebasNeue;
src: url("../fonts/BebasNeue/BebasNeue Bold.otf") format("opentype");
}

@font-face {
font-family: Proxima-Regular;
src: url("../fonts/Proxima/Mark_Simonson_Proxima_Nova_ScOsf_Regular_Italic.otf") format("opentype");
} 

@font-face {
font-family: FightNight;
src: url("../fonts/nal_fight-night/Fight Night.otf") format("opentype");
} 

@font-face {
font-family: Lay-Of-The-Land;
src: url("../fonts/nal_lay-of-the-land/Lay-Of-The-Land.ttf") format("opentype");
} 

@font-face {
font-family: Young_Beautiful;
src: url("../fonts/young-and-beautiful/Young_Beautiful.ttf") format("opentype");
} 


 @font-face {
font-family: GraublauWeb;
font-weight: bold;
src: url("../fonts/GraublauWeb-Bold/GraublauWeb-Bold.ttf") format("opentype");
} 

 @font-face {
font-family: Pacifico;
font-weight: bold;
src: url("../fonts/pacifico/pacifico.ttf") format("opentype");
} 



 @font-face {
font-family: Lato;
font-weight: normal;
src: url("../fonts/lato/Lato-Reg.ttf") format("opentype");
}



 @font-face {
font-family: montserrat;
font-weight: normal;
src: url("../fonts/montserrat/Montserrat-Bold.ttf") format("opentype");
}

 @font-face {
font-family: AkzidenzGrotesk1;
font-weight: normal;
src: url("../fonts/ag/AkzidenzGrotesk-LightExtended_0.otf") format("opentype");
}

 @font-face {
font-family: AkzidenzGrotesk2;
font-weight: normal;
src: url("../fonts/ag/AkzidenzGrotesk-LightSC_0.otf") format("opentype");
}


/*used */
.margin0 {
 padding-left:0px !important;
padding-right:0px !important;
}

/*logo hidden in big screens */
.fotogrammalogo{
display:none;
}

/* side line */
blockquote {
    border-left: 5px solid #fb8501 !important;
	font-size:14px !important;
}

/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.cl-effect-2 a {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 0 14px;
	background: #2195de;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}


.carousel_text{
padding:10px;
font-size:17px !important;
/* font-family: 'GraublauWeb', sans-serif; */
/*   font-family: 'Muli'; */
/*    font-family: 'CaviarDreams'; */
font-family: 'CaviarDreamsBold';
/*   font-family: Junicode; */
/*   font-family: NOVA-BOLD; */
 /*  font-family: BebasNeue; */
 /*  font-family: Proxima-Regular; */
 /*  font-family: FightNight; */
/*   font-family: Lay-Of-The-Land; */
 /*  font-family: Young_Beautiful; */
 /*  font-family: GraublauWeb; */
  /* font-family: Pacifico; */
 /*  font-family: Lato; */
 /*  font-family: montserrat; */
 /*  font-family: AkzidenzGrotesk1; */
 /*  font-family: AkzidenzGrotesk2; */
}

#carousel_sub p{
font-size:14px !important;
font-family: 'GraublauWeb', sans-serif;
line-height: 160%;
margin-top:10px;
}

.empty_space { 
padding:40px;
}

/*LOGO first page */
.logoimage {
  width: 210px;
  padding: 0px;
}


.address{
font-size:28px !important;
/* font-family: 'Junicode', sans-serif; */
color:#A2D9F5;
margin-left:auto;
margin-right:auto;
width:100%;  /* EDO ftoakse to media query */
 text-shadow: 1px 1px black; 
/*  text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  */
/* font-family: 'AkzidenzGrotesk2', sans-serif; */
/*  font-family: 'Hammersmith One', sans-serif;  */
/* font-family: 'montserrat'; */
/* font-family: 'nymphont'; */
/* font-family: 'nymphont-bold'; */
/* font-family: 'nymphont-bold-italic'; */
/* font-family: 'aver'; */
/* font-family: 'aver-bold'; */
/* font-family: 'Muli'; kalo */
/* font-family: 'NOVA-BOLD';  */
/*  font-family: 'GraublauWeb'; */
/*  font-family: 'CaviarDreamsBold'; */
 font-family: 'CaviarDreams';
  /* font-family: 'lato'; */
/* font-family: 'BebasNeue'; kalo */
/* font-family: 'Proxima-Regular'; */
/* font-family: 'billy-argel_nova'; */
/* font-family: 'GraublauWeb-Bold'; */
/* font-family: 'FightNight';  */
/* font-family: 'Lay-Of-The-Land'; */
/* font-family: 'pacifico';  */
}


.main_title{
font-size:25px !important;
font-family: 'GraublauWeb'!important; 
color:#A2D9F5;
margin-left:auto !important;
margin-right:auto !important;
width:669px !important;  /* EDO ftoakse to media query */
text-shadow: 2px 2px black;
}


.button_send{
font-size:30px !important;
font-family: 'AkzidenzGrotesk1', sans-serif !important; 
color:#fb8501 !important;
margin-left:auto;
margin-right:auto;
width:100%;  /* EDO ftoakse to media query */
text-shadow: 1px 1px #fff;
padding:20px;
}


.nomargin{
margin-bottom:0px;
}

.jumbotron_c {
border-top: 1px solid #A2D9F5;
width:100%;
padding:20px;
}

.extra_padding_more {
padding-top:20px;
padding-bottom:20px;
}

.extra_margin_more {
margin:50px;
}


 .color_line {
border-top: 1px solid #A2D9F5;
width:100%;
} 

.pattern {
	background-image: url(../images/bg-pattern1.jpg);
	background-repeat: repeat; 
}

.center_img{
margin-left:auto;
margin-right:auto;
width:250px;
padding:30px;
}



.center_text_class p{
text-align: center; /* when text this is the correct way center it */
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-right: 15px;
  padding-left: 15px;
  background-color:#fff !important;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}
/* END Center align the text within the three columns below the carousel */

.button_mine {
width: 200px;
color: #fff;
background-color: #A2D9F5;
padding: 15px 30px;
font-size: 14px;
font-weight: 300;
/* text-transform: uppercase; */
border: none;
border-radius: 0;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
font-family: 'GraublauWeb', sans-serif;
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid #fff;
}

.button_mine:hover {
color: #fb8501; 
background-color: #fff;
border: 1px solid black;
}

/* effect in first paragraph */
/* .content-block{
margin-left: 3px;
margin-right: 3px;
}
	
.purple:hover > h2 {
	color: #d874aa;	
}

.purple:hover {
	background-color: #eee;
	cursor: pointer;
}

.purple:after {                                                                                                                                                                         
	content: '';
	position: absolute;
	bottom: -17%;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	background: #F7F8F8;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
} */
/* end effect in first paragraph */

.message1{
font-size:25px !important;
font-family: 'AkzidenzGrotesk1', sans-serif;
color:#FB8501;
margin-left:auto;
margin-right:auto;
width:100%;  /* EDO ftoakse to media query */
text-shadow: 1px 1px #fff;
margin-top:40px;
}


 .center_middle_vertically{
margin-top:33%;
padding:20px;
}

 .center_middle{
margin-top:20%;
padding:10px;
}

.centered_div{
font-family: 'pacifico'; 
font-size: 24px;
font-weight: normal;
text-align: center;
color: #00941F;
font-style:normal;
text-shadow: 0.1em 0.1em 0.05em #A2D9F5;
}


/* Effect 18: */
.cl-effect-18 {
	position: relative;
	z-index: 1;
}

.cl-effect-18 a {
	padding: 0 5px;
	color: #b4770d;
	font-weight: 700;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-18 a::before,
.cl-effect-18 a::after {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	height: 2px;
	margin-top: -1px;
    background: #b4770d;
	content: '';
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-18 a::before {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
}

.cl-effect-18 a::after {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);
}

.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
	color: black;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
	opacity: 0.7;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}




.demo_class a {
position: relative;
display: inline-block;
margin: 15px 25px;
outline: none;
color: #FB8501;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
font-size: 0.65em;
}

/* class resizes photos */
 .dis {
width:250px !important;
height:250px !important;
} 


.cimg {
    float: left;
    margin: 10px 10px 0 0;
}

.growimage { transition: all .2s ease-in-out; }
.growimage:hover { transform: scale(1.04); }


.eoffer {
font-family: CaviarDreamsBold;
letter-spacing: 1px;
font-weight: 400;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
font-size: 15px;
margin-top:30px;
}

/*social media icon*/
.sm{
margin:5px;
width:90px;
height:90px;

 -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.sm:hover {
  width: 120px;
  height: 120px;
}


/*media queries starts here*/
@media (min-width: 768px) and (max-width: 991px) {

/* slider thumbnails not visible*/
#bx-pager_mine {
display:none;
}

 .dis {
/* display:none !important; */
width:320px !important;
height:320px !important;
} 

.main_title {
width:650px !important;
}

#parallax1{
display:none !important;
}

.flag{
display:none;
}

}



@media (max-width: 767px) {


.main_title {
width:450px !important;
font-size: 1.37em !important;
}


.welcome-message p.small {
display:none;
}

/* slider thumbnails not vsible*/
#bx-pager_mine {
display:none;
}

 .dis {
/* display:none !important; */
width:250px !important;
height:250px !important;
} 

 #parallax1{
display:none !important;
}

.flag{
display:none;
}

}


/*small screen tablets*/ 
@media (max-width: 520px) {  

.welcome-message p.small {
display:none;
}

.main_title {
width:450px !important;
font-size: 1.07em !important;
}

.main_title{ 
font-size: 1.25em !important;
}


/* slider thumbnails not vsible*/
#bx-pager_mine {
display:none;
}

.sizematters {
font-size:19px !important;
margin-left:5px;
margin-right:455px;
}

 .dis {
/* display:none !important; */
width:200px !important;
height:200px !important;
} 

 .fotogrammalogo {
display:block;
width:130px;
margin-top:5px;
margin-bottom:5px;
} 

#wordmenu{
display:none !important;
}

#parallax1{
display:none !important;
}

.flag{
display:none;
}


}

/* 1media queries very small screens */
@media (max-width: 450px) { 


.main_title{ 
font-size: 1.55em !important;
width:130px !important;
}


#wordmenu{
display:none !important;
}

#welcome{
display:none;
}

 .fotogrammalogo {
display:block;
width:100px;
margin-top:5px;
} 

.main_title{
width:100% !important;
}

.googlemap{
display:none;
}

/* slider thumbnails not vsible*/
#bx-pager_mine {
display:none;
}

#parallax1{
display:none !important;
}

.flag{
display:none;
}

}