/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
    font-family: Droid serif, serif, georgia, times;
    font-size: 1em;
    
}

body {
    padding-top: 65px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

@media(max-width:768px){
body {
    padding-top: 65px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
}

@media(max-width:559px){
body {
    padding-top: 115px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
}
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

.heading{
    font-size: 1.4em;
    font-weight: bold;
}

/*dropdown within dropdown*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*dropdown within dropdown ends*/

.list_carousel {}
.list_carousel ul {
    margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	margin: 10px;
         height:150px;
	display: block;
	float: left;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}

.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}

.myIframe {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; /*this IS THE KEY */
border: 0px;
} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.foot-list{
    background-color: transparent;
    border: 0px;
}


.head-color{
background: rgba(250,250,250,1);
background: -moz-linear-gradient(45deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 62%, rgba(255,119,0,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(250,250,250,1)), color-stop(62%, rgba(250,250,250,1)), color-stop(100%, rgba(255,119,0,1)));
background: -webkit-linear-gradient(45deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 62%, rgba(255,119,0,1) 100%);
background: -o-linear-gradient(45deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 62%, rgba(255,119,0,1) 100%);
background: -ms-linear-gradient(45deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 62%, rgba(255,119,0,1) 100%);
background: linear-gradient(45deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 62%, rgba(255,119,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ff7700', GradientType=1 );
font-size: 1.1em;
}


/*  custom header, content css
 *  put lorem ipsum... everywhere and don't insert actual content.. we'll replace actual lorem ipsum with actual content when we get images in a day or 2
 *  refer i2i.php for use of these classes*/

/*main page heading*/
.page-head{
    text-align: center;
    font-weight: bold;
    color: #ff5900;
    font-size: 2.5em;
    text-shadow: 1px 1px black;
    font-variant: small-caps;
    margin-top: 20px;
}

/*in ol of breadcrumbs*/
.page-bread{
    font-size: 1.1em;
    
}

/*use along with page-header and heading for giving headings*/
.head{
    color: #ff5900;
    font-weight: bold;
    font-size: 2em;
}

/*if nested PAGE heading is there, use this class*/
.sub-head{
    color: #ff8a24;
    opacity: 0.9;
}

/*if nested heading is there use this class, for example if Project Concept has short and long term benefits; use this class for short and long term...*/
.sub-sub-head{
    color: #ff8a24;
    font-size: 1em;
    opacity: 0.7;
    font-weight: bold;
}

/*use this while using panel for their heading, refer index.php for use of panel-head and panel-content*/
.panel-head{
    color: #ff7700;
    font-weight: bold;
    opacity: 0.8;
}

/*use this formatting content in panel body*/
.panel-content{
    font-size: 1.2em;
    text-align: center;
    opacity: 0.9;
}

/*use this in horizontal tabs, refer youth.php*/
.vsm-obj{
    text-align: justify;
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
}

.vsm-obj a{
    text-align: justify;
    font-size: 1.1em;
    font-style: italic;
    font-weight: bold;
    color: orange;
    
}

/*use this for actual content*/
.vsm-proeve-des{
    text-align: justify;
    font-size: 1.2em;
    color: black;
}

.vsm-proeve-color{
    
    font-size: 1.2em;
    color: orange;
}

/*use this in horizontal tabs, for giving read more links*/
.vsm-proeve-read{
    color: orange;
    font-weight: bold;
}

/*use this for swamiji says head*/
.vsm-says-head{
    font-style: italic;
    font-weight: bolder;
    font-size: 2em;
    color: #ff8a24;
    text-shadow: 1px 1px #ff7700;
    font-variant: small-caps;
}

/*use this for swamiji says msg*/
.vsm-says-msg{
    font-style: italic;
    font-size: 1.3em;
    font-weight: bold;
    color: #ff8a24;
    opacity: 0.8;
    
    line-height: 1.7em;
}


.unorderlist{
    font-size: 1.4em;
    color: #ff7700;
    opacity: 0.8;
    font-weight: bold;
}


.list-des{
    font-size: 1.2em;
    color: black;
}

/*custom header, content css*/

.head-img img{
    float: left;
    max-height: 60px;
}
.head-img h1{
    position: relative;
}

.img-size-slider{
    width:800px;
    max-height:356px;
}

.orange{
        background: #fb9d23;
        color: #fff;
    }

    .socialmedialinks a{
        display: inline-block;
    }

    .getintouchform{
        padding: 30px;
        background-image: url(images/header-background.png);
        background-repeat: repeat;
        background-position: 0 0,0 0,0 0;
        background-color: #eaeff2;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .getintouchsubmit{
        font-weight: bold;
        background: rgba(0,0,0,.1);
        -webkit-transition: all .4s ease;
           -moz-transition: all .4s ease;
            -ms-transition: all .4s ease;
             -o-transition: all .4s ease;
                transition: all .4s ease;
    }

    .getintouchsubmit:hover{
        background: #e6e6e6;
        -webkit-transition: all .4s ease;
           -moz-transition: all .4s ease;
            -ms-transition: all .4s ease;
             -o-transition: all .4s ease;
                transition: all .4s ease;
    }

.back-to-top {
   position: fixed;
   bottom: 2em;
   right: 10px;
   text-decoration: none;
   color: #000000;
   background-color: #fb9d23;
   font-size: 12px;
   padding: 1em;
   display: none;
   z-index: 999;
}

.back-to-top:hover {    
   background-color: rgba(0, 0, 0, 0.5);
}