/*
Template Name: crispy 
Template URI: http://demo.agnidesigns.com/Crispy-HTML/Crispy/index.html
Author: AgniHD
Version: 1.1.1

----------------------------------------------------------------------
TABLE OF CONTENTS
----------------------------------------------------------------------
	01. RESET
	02. MAP
	03. SLIDER - SLIDESHOW
	04. SLIDER - TEXT
	05. SLIDER - IMAGE
	06. SLIDER - VIDEO BG & SLIT SLIDER
	07. OWL CAROUSEL & BX SLIDERS
    08. HEADER & MENU
    09. SECTION - GENERAL STYLES
    10. MILESTONES & LIFE CYCLE
    11. PORTFOLIO(WORKS) SECTION
    12. PORTFOLIO PAGES
    13. PORTFOLIO SINGLE
    14. SERVICES
    15. TEAM
    16. SECTION - BLOG
    17. BLOG - SINGLE
    18. BLOG PAGES
    19. SIDEBAR
    20. PRICING TABLE
    21. TESTIMONIALS
    22. CONTACT FORM
    23. FOOTER & FOOTER BAR
    24. COMING SOON & 404
    25. FAQ
    26. SHORTCODES(DROP CAP , LIST & ANIMATE)

*/

.iconabout { display:block; width:30%;}

/*
--------------------------
1. RESET
--------------------------
*/

.safari{
	margin-top:0px;
	margin-bottom:0px;
}

button{
	border:none;
}

address{
	margin-top:20px;
	margin-bottom:30px;
}
address p{
	margin-bottom:5px ;
}

.spacer{
	height:80px;
}

.back-to-top a{
	position:fixed;
	bottom:3%;
	right:1.5%;
	padding:5px 10px;
	z-index: 1;
	color:#6fc6a9;
	background-color:#2e3d50;
}


::selection {
	color:#6fc6a9;
	background-color:#2e3d50;

}

::-moz-selection {
	color:#6fc6a9;
	background-color:#2e3d50;
}



/*
----------------------------------
2. MAP
----------------------------------
*/

#map_canvas {
	width:100%;
	height:350px;
}

#map_canvas img{
	max-width:none;
}

#slides{
	margin-top:0px;  
	cursor:e-resize;
}
/*
----------------------------------
3. SLIDER - SLIDESHOW
----------------------------------
*/

.slide-content{
	width:100%; 
	margin:auto;
	display:table-cell;
	vertical-align:middle;
}

.slide-content a{
	margin:20px 10px;
	padding:10px 20px;
}

.agni_slide{
	width:100%;
	height:100%;
	background-size:cover;
	display:table;
}

.agni_slide-bg-1{
	background-image:url('../img/slide-1.jpg'); 
	background-attachment:fixed;
}

.agni_slide-bg-2{
	background-image:url('../img/slide-2.jpg'); 
	background-attachment:fixed;
}

.agni_slide_bg_overlay{	
	position:absolute;
	height:100%; 
	width:100%; 
	background-color:#000; 
	opacity:0.75;
}

.agni_slide_bg_overlay-2{
	position:absolute;
	height:100%; 
	width:100%; 
    background:url(../images/slide-image-1.jpg);
	opacity:0.75;
}
.agni_slide-text h1{
	font-size:110px;
	margin-top:0;
	margin-bottom:0;
	color:#d5d5d5;	
}
.agni_slide-text p{
	font-size:18px;
	margin-top:0;
	margin-bottom:0;	
	color:#f0f0f0;
}

.agni_slide-text{
	position:relative; 
	width:100%;
	margin:auto;
	padding:0 15px;
}
.slides-navigation{
	 opacity:0.5;
}

.slides-navigation a{
	font-size:40px;
	border:0;
	outline:0;
	margin:0 15px;
}
.slides-navigation img{
	max-width:60px;
	height:auto;
}
.down-arrow{
	top:none;
}

.down-arrow a{
	position:absolute;
	bottom:0%;
	right: 50%;
	border:0;
	outline:0;
	z-index:2;
	transform: rotate(90deg);
	transform-origin:100% 50%;
	-ms-transform: rotate(90deg); /* IE 9 */
	-ms-transform-origin:100% 50%; /* IE 9 */
	-webkit-transform: rotate(90deg); /* Opera, Chrome, and Safari */
	-webkit-transform-origin:100% 50%; /* Opera, Chrome, and Safari */
}

.down-arrow img{
	max-width:80px;
}

/*
----------------------------------
4. SLIDER - TEXT
----------------------------------
*/
.text_slides{
	background-image:url('../img/slide-4.jpg'); 
	background-size:cover;
}

.text_slide{
	width:100%;
	height:95%;
	background-size:cover;
	display:table;
}

.text_slide_bg{	
	position:absolute;
}
.text_slide h1{
	font-size:70px;
	margin-top:0;
	margin-bottom:0;	
	color:#2e3d50;
}
.text_slide h1 span{
	border:5px solid;
	padding:10px 20px;
	color:#6fc6a9;
}
.text_slide p{
	font-size:18px;
	margin-top:0;
	margin-bottom:0;	
}

.text_slide-text{
	position:relative; 
	width:100%;
	margin:auto;
	padding:0 15px;
}
.mouse-wheel{
	top:none;
}

.mouse-wheel a{
	position:absolute;
	bottom:2%;
	right: 50%;
	border:0;
	outline:0;
	z-index:2;
	transform: rotate(90deg);
	transform-origin:100% 50%;
	-ms-transform: rotate(90deg); /* IE 9 */
	-ms-transform-origin:100% 50%; /* IE 9 */
	-webkit-transform: rotate(90deg); /* Opera, Chrome, and Safari */
	-webkit-transform-origin:100% 50%; /* Opera, Chrome, and Safari */
}

.mouse-wheel img{
	max-width:32px;
}

/*
----------------------------------
5. SLIDER - IMAGE
----------------------------------
*/
.agni-image-bg-1{
	background-image:url('../img/slide-2.jpg'); 
	background-size:cover; 
}

.agni-image-bg-2{
	background-image:url('../img/slide-8.jpg'); 
	background-size:cover; 
}


.image_slide-text{
	position:relative; 
	width:100%;
	margin:auto;
	padding:0 15px;
}

.image_slide-text img{
	width:200px;
	padding:15px;
}
.image_slide-text h3{
	color:#f0f0f0;
}

.image_slide-text p{
	font-size:16px;
	color:#f0f0f0;
}

#image_slides .slide-content{
	width: 100%;
	margin: auto;
	display: table;
	z-index: 2;
	position: absolute;
	height: 100%;
	top: 0px;
}
.image_slide-text{
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	text-shadow: 0px 0px 5px rgba(51,51,51,1);
}

#image_slides .slides-navigation a{
	font-size:26px;
	outline:0;
	margin:0 15px;
	border:1px solid;
	line-height:normal;
    padding: 2px 12px;
}

.download-icon{
	top:none;
}

.download-icon a{
	position:absolute;
	font-size:52px;
	bottom:0%;
	right: 50%;
	border:0;
	outline:0;
	z-index:2;
	transform-origin:100% 50%;
	transform:translate(50%);
	-ms-transform-origin:100% 50%; /* IE 9 */
	-ms-transform:translate(50%);
	-webkit-transform-origin:100% 50%; /* Opera, Chrome, and Safari */
	-webkit-transform:translate(50%);
}

/*
----------------------------------
6. SLIDER - VIDEO BG
----------------------------------
*/


.video-background-controls{
	position:absolute;
	bottom:2%;
	width:100%;
	border:0;
	outline:0;
	text-align:center;
	z-index:2;
}
.video-background-controls button{
    outline: medium none;
    background: none repeat scroll 0% 0% transparent;
    border: medium none;
	color:#6fc6a9;
}

.video_slide{
	width:100%;
	height:100%;
	background-size:cover;
	display:table;
}
.video_slide_bg_overlay{
	position:absolute;
	opacity:0.5;
}

.video_slide h1{
	font-size:80px;
	margin-top:0;
	margin-bottom:0;
	color:#d5d5d5;	
}
.video_slide h1 span{
	border:5px double;
	padding:10px 40px;
}

.video_slide h2{
	color:#f0f0f0;	
}

.video_slide p{
	font-size:18px;
	margin-top:20px;
	margin-bottom:0;
	color:#f0f0f0;
}

.video_slide-text{
	position:relative; 
	width:100%;
	margin:auto;
	padding:0 15px;
}

.video-background-controls{
	top:none;
}
	
/* Sl slider */

.sl-slider-wrapper{
	width:100%;
	height:600px;    
}

.sl-slider .bg-img-1{
	background:url('../../images/slide-image-1.jpg') center left;
    opacity: .4;
}
.sl-slider .bg-img-2{
	background:url('../../images/slide-image-2.jpg') center center;
    zoom:1.2;
}
.sl-slider .bg-img-3{
	background:url('../../images/slide-image-3.jpg') center left;
    opacity: .4;
}

.sl-slide-text h1{
	color:#6fc6a9;
}

.sl-slide-text p{
	color:#707070;
}

.nav-dots span {
	background-color:#fff;
}


/* animate */
.animate{
	visibility:hidden;
	animation-duration: 1s; 
	animation-delay: 0.5s; 
	-moz-animation-duration: 1s; 
	-moz-animation-delay: 0.5s; 
	-webkit-animation-duration: 1s; 
	-webkit-animation-delay: 0.5s; 
	-o-animation-duration: 1s; 
	-o-animation-delay: 0.5s;  
	-ms-animation-duration: 1s; 
	-ms-animation-delay: 0.5s; 

}