@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Lato:400,700,900);
@import "animate.css";
@import"grid.css";
@import"forms.css";



/*========================================================
                          Fonts
=========================================================*/

@font-face {
    font-family: 'exobold';
    src: url('../fonts/exo-bold-webfont.eot');
    src: url('../fonts/exo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/exo-bold-webfont.woff') format('woff'),
         url('../fonts/exo-bold-webfont.ttf') format('truetype'),
         url('../fonts/exo-bold-webfont.svg#exobold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*========================================================
                    Main layout styles
=========================================================*/
body { font: 400 14px/20px 'Lato', sans-serif; background-color:#efeeee; -webkit-text-size-adjust: 100%; color:#666666; position: relative; }

img { height: auto; max-width: 100%; width: 100%; }
#map_canvas img { max-width: none; }

a img{ opacity:1; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; transition: 0.5s all ease;}
a, a:hover { cursor: pointer;}
a {text-decoration:none;}

/*====Headers font====*/
h1, h2, h3 { font-weight:700;   }
h1 {font-size: 25px; line-height:30px; }
h2 {font-size: 20px; line-height:26px;}
h3 { font-size: 18px; line-height:24px;}
h4 { font-size: 14px; line-height:17px}

ul { list-style:square; margin:0 0 0 20px }
li { padding-bottom:5px;}

.align-center { text-align:center;}
.align-center ul { list-style:none; margin:0;}


/*========================================================
                    HEADER styles
=========================================================*/
.extraheader { background:#333; height:32px; position:relative}

header { background:#fff;}
header .logo-caption { font: 400 60px/60px 'exobold'; }
header .telno { font-size: 40px; line-height:60px;} 

/* slider */
.flexslider ul { line-height:40px;}
.flexslider li { padding-bottom:0 !important;}
#flexslider-1 .slides li { padding: 0; position:relative }
#flexslider-1 .slides li img { width: 100%; }
#flexslider-1 .flex-caption { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 65px; position: absolute; top: 170px; }
#flexslider-1 .flex-caption h1 { font-weight:900; font-size: 40px; line-height:42px; text-transform:none; color:#0081ec; margin-bottom:5px}
#flexslider-1 .flex-caption h2 { font-size: 22px; text-transform:none; color: #333; line-height:38px}

.caption { background: rgba(0,0,0,0.6); padding: 10px 0; text-align: center; position: absolute; bottom: 20px; width: 100%;}
.caption h1 {font-size:30px; line-height: 35px; padding:0 160px}




/*========================================================
                    CONTENT styles
=========================================================*/
section { z-index:1030;}

section a { color: #3a409b;}

.heading_1 { margin-bottom: 10px; }
.heading_2 { margin-bottom: 15px; }
.heading_3 { margin-bottom: 20px; }
.heading_4 { margin-bottom: 25px; }
.heading_5 { margin-bottom: 30px; }
.heading_6 { margin-bottom: 5px; }

.border1, .border3 { border-bottom:1px solid #999; }
.border1 { padding-bottom:25px; }
.border2 { border-bottom:1px dashed #999; padding-bottom:25px; margin-bottom:25px;}
.border3 { padding-bottom:5px;}

/* Boxes */
.box1 { padding: 20px 0 20px 20px;  margin:0; } 
.box1:before, .box1:after { content: ""; position: absolute; top: 0; width: 101%; height: 100%; z-index: -1;}
.box1, .box1:before, .box1:after { background:#ebebeb;}
.box1:after { right:-99%; }

/* Links*/
.links { margin:0;}
.links li  {font-size:16px; list-style:none}

/* Gallery */
.gallery li { overflow:hidden; padding: 0; position:relative; float:left; width:209px; height:120px; margin:0 0 20px 20px;}
.gallery li a:hover img {
	-moz-transform: scale(1.2); 
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

/* Table */
.table { float:left; overflow:auto; margin:20px 0; width:100%}
.tbl_content { overflow:auto; padding:8px 10px; margin-bottom:2px}
.tbcol1, .tbcol2 {float:left; display:inline; width:50%; margin-bottom:0;}
.tbcol1{ text-align:left;}
.tbcol2{ text-align:right;}

/* Contacts */
.contact { font-size: 16px; margin:0; list-style:none}
.contact li {border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-bottom:10px}
.contact li:last-child { border:none; margin-bottom:0; padding:0; }
.contact li > span { line-height:30px;}

.map { height:550px; clear:both }


/*========================================================
                    FOOTER styles
=========================================================*/

footer { width: 100%; z-index: 0; overflow:hidden; bottom: 0; color:#FFF; background: #333; }

footer a { color:#fff;}

footer ul { list-style:none; margin:0; text-align:center}
footer li { display: inline; color: #fff; padding:0 12px 0 0; margin:0 11px 4px 0; border-right:#fff solid 1px;}
footer li:last-child  { border:none; padding:0; margin:0 ;}

/*============  Colors  =============*/
.color_1 { color: #ffffff; }
.color_2 { color: #3a409b; }
.color_3 { color: #333333; }

/*============  Backgrounds  =============*/
.b1 { background:#ffffff;}
.b2 { background:#3a409b;}
.b3 { background:#333333;}

/*============  Floats  =============*/
[class^='put-left'] {float: left;}
[class^='put-right'] {float: right;}

/*============  Font awseome  =============*/
.icon-sm { width: 30px; height: 30px; font-size: 16px; line-height:30px}
.icon-lg { width: 50px; height: 50px; font-size: 30px; line-height:50px}
.icon-xlg { width: 90px; height: 90px; font-size: 50px; line-height:90px}

.icon-circle{ border-radius: 50%; text-align: center; display: inline-block;}

/* Stellar(parallaxBG) styles
========================================================*/
.stellar-block { background-position: center 0%; position: relative; background-repeat: no-repeat; }
.desktop .stellar-block { background-attachment: fixed; }
.stellar-section .first { background-image: url(../images/slide1.jpg); background-position: center 0%; height:400px  }




	/*========================================================
						MOBILE styles
	=========================================================*/
	
	/* #Tablet (Portrait)
	================================================== */
	@media (max-width: 995px) {
	.gallery li { width:160px; height:92px;}
	.stellar-section .first  { background-size: 100% auto; }
	}
	
	/* Small Tablet (Portrait) -----------
	================================================== */
	@media (max-width: 767px) {
	.extraheader { display:none;}

	header .logo-caption { font-size:40px; line-height:50px; }
	header .telno { font-size: 30px; line-height:50px;} 
	.stellar-section .first { height:300px  }
	
	.border1 	{ padding-bottom:20px; }
	.border3 	{ padding-bottom:0; }
	.box1 		{ padding: 20px 0 20px 0;  } 
	.box1:before { left:-99%; }
	
	.gallery li { float:none; width:100%; margin:0 0 20px; }
	
	.map { height:350px; }
	
	.icon-lg { width: 40px; height: 40px; font-size: 25px; line-height:40px}
	}
	
	/* Small Smartphones (landscape) -----------
	================================================== */
	@media (max-width: 568px) {
	.stellar-section .first { height:175px  }
	}

	@media (max-width: 480px) {
	header .telno 			{ font-size:18px; } 
	h1 						{ font-size: 22px; }
	}	
	
	/* Smartphones (portrait) ----------- 
	================================================== */
	@media (max-width : 320px)  {
	header .logo-caption, header .telno { float:none; text-align:center}
	header .logo-caption { font-size:45px; }
	.stellar-section .first { height:220px; }
	
	footer .linebrk { display:inline-block;}
	footer li { border:none; margin:0; padding:0 }
	}