/*

Theme Name: Caet

Theme URI: http://sathra.org

Author: the Sathra team

Author URI: http://Sathra.org/

Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.

Version: 1.5

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: twentytwelve



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/* =Notes

--------------------------------------------------------------

This stylesheet uses rem values with a pixel fallback. The rem

values (and line heights) are calculated using two variables:



$rembase:     14;

$line-height: 24;



---------- Examples

 

 

/* =Reset

-------------------------------------------------------------- */

html {

    -webkit-transition: background-color 1s;

    transition: background-color 1s;

}

html, body {

    /* For the loading indicator to be vertically centered ensure */

    /* the html and body elements take up the full viewport */

    min-height: 100%;

}

html.loading {

    /* Replace #333 with the background-color of your choice */

    /* Replace loading.gif with the loading image of your choice */

   background: #F57921 url('images/loader.gif') no-repeat 50% 50%; 

   

    /* Ensures that the transition only runs in one direction */

    -webkit-transition: background-color 0;

    transition: background-color 0;

	background-position: center center;

}

body {

    -webkit-transition: opacity 1s ease-in;

    transition: opacity 1s ease-in;

}

html.loading body {

    /* Make the contents of the body opaque during loading */

    opacity: 0;



    /* Ensures that the transition only runs in one direction */

    -webkit-transition: opacity 0;

    transition: opacity 0;

}

 
	@media (min-width: 768px) and (max-width:1024) {
		.btn.stybtn {
			margin-left: 2%;
			width: 96%;
		}
		
	}
	@media (max-width: 360px) {
	.map-main-container {
	padding: 5px 15px 0 ;
	}
	.map-div-box{
	padding:2%;
	}
	.title-img-div {
		padding: 10px !important;
		}
	}
 

 .item {

  width:auto;

  height: auto;

	margin: 0 10px 10px 0;

}

 



/* Start: Recommended Isotope styles */



/**** Isotope Filtering ****/



.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



/**** Isotope CSS3 transitions ****/



.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

      -ms-transition-duration: 0.8s;

       -o-transition-duration: 0.8s;

          transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

     -moz-transition-property: height, width;

      -ms-transition-property: height, width;

       -o-transition-property: height, width;

          transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

     -moz-transition-property:    -moz-transform, opacity;

      -ms-transition-property:     -ms-transform, opacity;

       -o-transition-property:      -o-transform, opacity;

          transition-property:         transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

     -moz-transition-duration: 0s;

      -ms-transition-duration: 0s;

       -o-transition-duration: 0s;

          transition-duration: 0s;

}

 
	#main-nav{
		border-top:none; 
	   /* padding-top: 1%;*/}

	.btn.stybtn {
	/*margin-left: 21%;
	margin-top: 3%;
	width: 75%;*/
	margin-left: 0 !important;
    margin-top: 2%;
    width: 100%;
	background: none repeat scroll 0 0 #c2c2c2;
	}
	@media   (min-width: 1024px) {
	.btn.stybtn {
    margin-left: 22% !important;
	}
	}
	.stybtn:hover {
	
	background:#F37A1F;
	
	color:#fff;
	
	}
	.map-main-container {
	float:right;
	padding:0px 20px;
	}
	.map-div-box{
		border:1px dotted;
		border-color:#c7c7c7;
		 padding:5%;
	}
	.title-img-div{padding:30px;}
#introText {
    padding: 50px 0 0;
    background: #fff;
    margin-bottom: -50px;
}
#introText h1{
	font-size:30px;
}
.title-img-div h4 {
    font-size: 16px;
}
.da-btm{
 color:transparent;
}