/*  

Theme Name: Lingo

Description: Wordpress theme with menu, slider, news and bottom. 

CSS, XHTML and Wordpress

*/



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

@font-face{

	font-family: "BookStyleIt";

	src: url('fonts/BOOKOSI.TTF');

	src: local('☺'),

	url("fonts/BOOKOSI.woff") format("woff"),

	url('fonts/BOOKOSI.TTF') format('truetype');

}



body{

	margin:0;

	padding:0;

	font-family: "SwitzerlandCondLight";

	background: #00aeef;

	color: #fff;

}



img{border: 0;}

.clear{clear: both;}

.left{float: left;}

.right{float: right;}

h1, h2, h3, h4, p, ul, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}

a{text-decoration: none; outline: none; color: #58595B;}

a:hover{text-decoration: underline;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
    }


.wrapper{margin: auto;max-width: 1000px; position: relative;}



#top, #footer{float: left; width: 100%;}



#top{

	min-height: 61px;

	padding: 10px 0;

	background: #000;

	position: fixed;

	top: 0;

	z-index: 10;

}

	#nav{float: right; margin-top: 15px;}

	#nav li{

		float:left;

		display: inline;

		color: #00aeef;

		text-transform: uppercase;

		font-size: 20px;

		margin-right: 5px;

	}

		#nav li:after{content: "/";padding-left: 8px;}

		#nav li:last-child:after{content: ""; padding-left: 0;}

		#nav li a{color: #00aeef;}

	

	.menu, .menu ul{display: none;}

	

	.menu{float: right; position: relative; margin: 20px 6px 0 0;}

	.menu ul{position: absolute; right: 0;}

	.menu ul li{color: #00aeef; background: #00aeef; padding: 3px 10px; border-radius: 4px; margin-bottom: 1px;}

	.menu ul li a{color: #000;}

	

	@media (max-width: 610px) {

		#nav{display: none;}

		.menu{display: block;}

		

		#home article{line-height: normal !important; width: 80% !important;}		

		#slider{width: 70% !important;}

		

		#about, #contact{min-height: 1000px !important;}

		

		#travel article, #entertainment article, #mobile article{width: 100% !important;}

		#travel article p, #entertainment article p, #mobile article p{line-height: normal !important;}

		

		.abtcont{clear: left; float: left; width: 94% !important;}

		

		#cont-txt{width: 60% !important; margin-bottom: 20px;}

		.SapLine{display: none;}		

		.GetInTouch{clear: left; width: 90% !important;}

		

		#arrows{right: 2% !important;}

	}

		

#footer{

	position: fixed;

	bottom: 0;

	padding: 10px 0;

	background: #00aeef;
	
	z-index: 200;

}

	#footer span{float: left; font: normal 13px "Trebuchet MS"; color: #fff;}

	#social{float: right;}

	#social li{display: inline; margin-left: 5px;}



#home, #home2, #home3, #travel, #entertainment, #mobile, #about, #contact{ 

	background: url(images/home.jpg) 0 50px no-repeat fixed; 

	height: 1000px;  

	margin: 0 auto; 

    width: 100%; 

    max-width: 1920px; 

    position: relative; 

    box-shadow: 0 0 50px rgba(0,0,0,0.8);

}



#home2{background: url(images/home-2.jpg) 0 0 no-repeat fixed;}

#home3{background: url(images/home-3.jpg) 0 0 no-repeat fixed;}



#travel {background: url(images/travel.jpg) 0 0 no-repeat fixed;}



#entertainment{background: url(images/entertainment.jpg) 0 0 no-repeat fixed;}



#mobile{background: url(images/mobile.jpg) 0 0 no-repeat fixed;}



#about{background:url(images/AboutBG.jpg) 0 0 no-repeat fixed;}



#contact{background: url(images/contact.jpg) 0 0 no-repeat fixed #000;}

#contact article{height: 458px; position: absolute; top: 130px; width: 100%; font-size: 24px;}

#contact article h2{font-size: 36px; padding-bottom: 25px; color: #00aeef;}

.continfo{float: left; width: 100%; position:relative;}

.continfo span{color: #00aeef;}

#cont-txt{float: left; width: 23%;}

.SapLine{background:#00aeef; width:8px; height:495px; -webkit-transform: 

rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); float: left; margin-right: 13%;}

.GetInTouch{ float: left; width:46%; height:465px; margin:0;}

.GetInTouch form { float:left; border:none; margin:0 0 0 -18px; width: 100%;} 

.GetInTouch form input[type="text"] { float:left; font-size: 24px; font-family: "SwitzerlandCondLight"; color:#00aeef; clear:left; width:80%; height:47px; border:none; outline:none; background:url(images/FormBG.png) no-repeat 0 0; padding:0 2%; margin:0 0 10px 0} 

.GetInTouch form textarea{ float:left; font-size: 24px; font-family: "SwitzerlandCondLight"; color:#00aeef; clear:left; width:100%; height:147px; border:none; outline:none; background:url(images/FormBG2.png) no-repeat 0 0; padding:10px 2%; margin:0 0 10px 0; resize: none;}

.GetInTouch form input[type="submit"] { border: 0;  cursor:pointer; float:left; width:105px; height:48px; color: transparent; background:url(images/submitBtn.jpg) no-repeat 0 0;} 



/* Introduction */



#home article{height: 458px; position: absolute; top: 122px; width: 43%; color: #fff; font-size: 34px; line-height: 36px; text-transform: uppercase; left: 0;}

#home article span{color: #000;}



#home2 article, #home3 article{position: absolute; top: 122px; width: 58%; color: #fff; font-size: 36px; line-height: 36px; text-transform: uppercase; left: 0;}



#travel article, #entertainment article, #mobile article {height: 458px; position: absolute; top: 130px; width: 45%;}

#travel article{width: 61%;}

#travel article h2, #entertainment article h2, #mobile article h2{font-size: 36px; padding-bottom: 32px;}

#travel article p, #entertainment article p, #mobile article p{font-size: 24px; line-height: 30px; padding-bottom: 25px;}



#about article {height: 458px; position: absolute; top: 130px; width: 100%; color: #000;}

#about article h2{font-size: 60px; padding-bottom: 40px; color:#00aeef;}

#about article h2 em{color: #000; font-style:normal;}

.abtcont{float: right; width: 30%; font-size: 22px; margin: 0 5% 20px 0;}

.abtcont h3{color: #fff; text-transform: uppercase;}



/*slider styling home top*/

#slider {

 	overflow: hidden;

    position: absolute;

    top: 500px;

    width: 50%;

	}

	#slider li {

		float: left;

		width: 25%;

		margin-right: 1%;

		border:5px solid rgba(255, 0, 0, 0);

		}

		#slider li img {width: 100%; float: left;}

	.article {display: none;}

	#slider #next,

	#slider #prev {display: none;}

	

#arrows {

	bottom: 20px;

    height: 125px;

    right: 15%;

    position: fixed;

    width: 53px;

	}

	#arrows #arrow_top,

	#arrows #arrow_down {

		background: url(images/arrowsSmall.png) 0 0 no-repeat;

		height: 76px;

		width: 53px;

		float: left;

		}

		

	#arrows 	#arrow_down {

		background:none;

		height: 76px;

		width: 53px;

		float: none !important;

		position:absolute;

		left:0;

		bottom:0;

		z-index:99;

		}		

	#arrows #arrow_down {

		background-position: 0 -64px;

    	margin-top: 5px;

		position:absolutel;

		}

		

		#slider li.active{ border:5px solid #00678e;}



@media (max-width: 400px) {

	section{height: 450px !important;}
	
	#home{height: 530px !important;}
	
	#home #slider{top: 418px; width: 90% !important;}

}



@media (max-width: 330px) {

	#travel {background: url(images/travel.jpg) center 0 no-repeat !important;}

	#entertainment{background: url(images/entertainment.jpg) center 0 no-repeat !important;}

	#mobile{background: url(images/mobile.jpg) center 0 no-repeat !important;}

	#about{background:url(images/AboutBG.jpg) center 0 no-repeat #025879 !important;}

	#contact{background: url(images/contact.jpg) center 0 no-repeat #000 !important;}

}

.wpcf7-response-output{margin: 0 !important; float: left; font-size: 16px;}
.wpcf7 img.ajax-loader{float: left;}
.wpcf7-form-control-wrap{float: left; width: 100%;}