/*
Theme Name: Rosebay Webapp
Theme URI: https://wordpress.org/themes/rosebaywebapp/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Rosebay Webapp is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Rosebay Webapp will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: rosebaywebapp

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.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

/**************************************************************************/
/*----------------Header Start Here---------------*/
/*************************************************************************/

.mm-page{
	width:100% !important;
	position: fixed !important;
	top:0px !important;
	bottom:0px !important;
	overflow:auto !important;
}

.mm-list > li > a, .mm-list > li > span{
	text-transform: uppercase;
}

/* for fadein, fadeout */
.carousel-fade .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
.carousel-fade .active.left {left:0px;right:0px;opacity:0;z-index:2;}
.carousel-fade .next.left {left:0px;right:0px;opacity:1;z-index:1;}
/* End for fadein, fadeout */


.content img {float: left;
    padding: 0px 20px 20px 0px;}



/* Dropdown menu Start here*/
.desktop-menu .navbar{
	border: 0px solid transparent !important;	
}
.desktop-menu .navbar a{
	font-size:18px !important;
}
#topnav .navbar-nav .dropdown ul.dropdown-menu{
	padding:0px;
	-webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
#topnav .navbar-nav .dropdown:hover ul.dropdown-menu {
	display:block;
}

#topnav .navbar-nav .dropdown:hover li.dropdown ul.dropdown-menu{
	display:none;
}

#topnav .navbar-nav .dropdown li.dropdown:hover ul.dropdown-menu{
	display:block !important;
}

#topnav .navbar-nav li.dropdown{
	position:relative;
}

#topnav .navbar-nav .dropdown li.dropdown ul.dropdown-menu{
	left: 100%;
    top: 0px;
	margin-left: -1px;
	margin-top: -1px;
}

.nav > li > a, .dropdown-menu > li > a{
	color:#4a4a4a !important;
	padding:16px 15px !important;
}

.dropdown-menu > li > a{
	padding:10px 15px !important;
}

#topnav .navbar-nav .dropdown li.dropdown a i{
	top: 12px;
	position: absolute;
	right: 10px;
}

.nav > li > a:focus, .nav > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
	color:#ffffff !important;
	background-color:#492ba1 !important;
}

/* Dropdown menu End here*/




/**************************************************************************/
/*----------------Header End Here---------------*/
/*************************************************************************/









/**************************************************************************/
/*----------------Content Start Here---------------*/
/*************************************************************************/


.webpage-wrapper{ position:relative; overflow:hidden; display:block;}


body{font-family:'Lato', sans-serif;/*font-family: 'Josefin Sans', sans-serif;*/ color:#333232; font-weight:500; overflow-x: hidden;}
body.inner-page{background:url(assets/images/inner-bg.jpg) repeat left top;}

header{position:fixed; top:0; width:100%; z-index:999; transition:0.5s all ease; -moz-transition:0.5s all ease; -webkit-transition:0.5s all ease; -o-transition:0.5s all ease; padding:10px 0px 0px 0px;} 
header.active{ background:#fff; /*border-bottom:1px solid #CCCCCC;*/ }

body.inner-page header{position:relative; width:100%; z-index:999; transition:0.5s all ease; -moz-transition:0.5s all ease; -webkit-transition:0.5s all ease; -o-transition:0.5s all ease; padding:10px 0px 0px 0px;} 
body.inner-page header.active{position:fixed; top:0; background:#fff; /*border-bottom:1px solid #CCCCCC;*/ }


.header-contact-detail{
	height:60px;
	padding-left: 55px;
	margin-top: 14px;
	font-size:18px;
	font-weight:600;
	background:url(assets/images/phone-icon.png) no-repeat left 5px;
}
.header-contact-detail .email-address{
	display:block;
}

.header-contact-detail .phone-number{
	display:block;
}


.desktop-menu{
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	margin-top: 20px;
}
.desktop-menu .location{padding:12px 15px; background-color:#492ba1; color:#ffffff; font-size:20px; font-weight:600;}
.desktop-menu .location img{ margin-right:10px; margin-top:-6px; display:inline-block;}


/*body.inner-page .cwrapper{ padding-top:190px; }*/
.carousel-inner .item.active{height:640px; background-size:cover !important; padding-top:16%; position:relative;}
.carousel-inner .item .heading{font-size:34px; font-weight:600; color:#333232; line-height: 50px; margin-bottom:15px;}
.carousel-inner .item .heading span{color:#492ba1;}
.carousel-inner .item .banner-content{color:#333232; font-size:18px;}
.carousel-inner .item .banner-content span {color:#492ba1;}
.carousel-inner .item .btn{background:#492ba1; font-size:18px; color:#FFFFFF; cursor:pointer; margin-top:8px; border-radius:0px; text-transform:uppercase;}

.carousel-inner .item .arrow-box{position:absolute; width:100%; bottom:0px; padding:20px 0;}

body.inner-page .carousel-inner .item.active{height:200px; padding-top:75px; color:#ffffff;}


.heading{ font-size:45px; font-weight:600; text-transform:uppercase; }

.heading span{color:#492ba1;}
.small-heading{ font-size:20px; font-weight:600; text-transform:capitalize; }
.short-content{font-size:17px; font-weight:600; margin-bottom:15px;}
.content{font-size:17px;}
.content h4 {color: #482aa0;font-weight: 700; margin-top: 30px; font-size:20px;}
.button{font-size:17px; cursor:pointer; margin-top:10px; margin-bottom:10px; border-radius:0px; text-transform:uppercase;}


.innerpage-heading{font-size:22px; font-weight:600; text-transform:uppercase;}
.innerpage-heading span{color:#492ba1;}
.innerpage-heading-capitalize{ text-transform:capitalize; }

.home-imp-points{
	color:#ffffff;
	background:url(assets/images/points-bg.jpg) repeat center top;
}
.home-imp-points .img-container img{ margin-top:-35px; margin-bottom:20px; }
.home-imp-points .point-heading{ font-size:20px; margin-bottom:20px; }
.home-imp-points .content-box{ /* min-height: 240px; */}
.home-imp-points .content{ font-size:16px; min-height:150px}
.home-imp-points .read-more-btn{ margin-top:20px; }





.service-list a, .home-service-box{
	color:#333232;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

.service-list a:hover, .home-service-box{
	background-color:#f3f3f3;
}
.service-list .content{ padding:10px 15px 10px 15px; height:250px; overflow:hidden;}
.service-heading{
	font-size:22px;
	text-transform:uppercase;
}



.home-our-team{
	min-height:500px;
	background:url(assets/images/team-bg.png) no-repeat center top;
	background-size:cover;
}
.home-our-team .about-team{ margin-top:100px; width:50%; overflow:hidden;}
.home-our-team .heading{ font-size:35px; margin-top:10px; margin-bottom:10px; }
.home-our-team .team-member-image{ width:40%; }

#teams .slick-prev {
    left: 0px;
    top: 70px;
}
#teams .slick-next {
    left: 40px;
    top: 70px;
}




.home-payment{ background-color:#eaeaea; }
.home-payment .slick-prev::before, .home-payment .slick-next::before{
	color:#333232;
}




.map-container{
	min-height:300px;
	background:url(assets/images/map-image.jpg) no-repeat center top;
}
.comp-contact-details{ background-color:#492ba1; color:#ffffff; position:absolute; top:0px; bottom:0px; }
.comp-contact-details .heading{ font-size:26px; text-transform:uppercase; margin-top:40px; margin-bottom:10px; text-align:center; }

.comp-contact-details ul{ list-style:none !important; padding-left:0px; }
.comp-contact-details ul li{ font-size:18px; padding: 10px 6px; border-bottom: 1px solid #5d42ab; }
.comp-contact-details ul li img{ padding-right:15px; }



.breadcrumb {
    background: none;
    color: #4c4c4c;
    font-size: 12px;
    padding-left: 0px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 0px;
}
.breadcrumb {
    padding: 8px 0px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
}
.breadcrumb a {
    color: #482aa0;
}
.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}


.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.sidebar-section-box{
	border:1px solid #f3f3f3;
	border-bottom:8px solid #492ba1;
}

.sidebar-section-box-heading {
    color: #ffffff;
    font-size: 20px;
	padding:15px;
	background-color:#492ba1;
	text-transform:uppercase;
}

.sidebar-section-box-content{
	/*padding: 0px 15px 15px 15px;*/
	background-color:#ffffff;
}

.sidebar-section-box .sub-heading{
	color: #482aa0;
    font-size: 18px;
	padding: 15px;
	border-bottom: 1px solid #dadada;
}
.sidebar-section-box ul{ padding: 10px 15px; margin-bottom: 0px; }
.sidebar-section-box ul li {
    padding: 5px 0px;
    margin: 5px 0px;  
}
.sidebar-section-box ul li a {
    font-size: 17px;
    color: #373737;
	background:url(assets/images/chevron-right.jpg) no-repeat left 3px;
	padding-left:20px;
	text-decoration:none;
}

.sidebar-section-box ul li a:hover {
	color:#482aa0;
}



.contact-detail-container ul{ list-style:none !important; padding-left:0px; }
.contact-detail-container ul li{ font-size:17px; padding: 10px 6px; }
.contact-detail-container ul li img{ padding-right:15px; }

.whyus .panel-group{margin-top:20px;}
.whyus .panel.panel-default{border:none; border-radius:0px;text-align: left;}

.whyus .panel-heading{background:#fff; width:100%;}

.whyus .panel-heading{ padding:0px; width:100%;}

.whyus .panel-title{color:#492ba1; font-size:18px; width:100%; cursor:pointer; padding:0px; margin:0px; padding:10px 15px;}
.whyus .panel-title.collapsed{color:#492ba1;}

.whyus .panel-body{border:none !important; /*font-size:15px; background:#492ba1; color:#FFFFFF; font-family:'Open Sans';*/}
.whyus .fa{float: right;}
.whyus .fa:before{content:"\f05d"}
.whyus .panel-title.collapsed .fa:before{content:"\f055"}
.whyus .panel{-webkit-box-shadow: 0 1px 0px #492ba1; box-shadow: 0 1px 0px #492ba1;}

/**************************************************************************/
/*----------------Content End Here---------------*/
/*************************************************************************/




/**************************************************************************/
/*----------------Responsive Start Here---------------*/
/*************************************************************************/
@media (max-width:1200px) {
	.desktop-menu .location { padding: 14px 15px; font-size: 17px; }
	.carousel-inner .item.active{padding-top:23%;}
}
@media (max-width:992px) {
	.desktop-menu .location { padding: 15px 5px; font-size: 13px;}
	.desktop-menu .navbar a { font-size: 16px !important;}
	.carousel-inner .item.active{padding-top:28%;}

    .payment-box { text-align: center; }
	.payment-box img { display:inline-block !important; }
}
@media (max-width:767px) {
	.tablet-width-100-per{ width:100%; }
	.carousel-inner .item.active{padding-top:35%;}
	.carousel-inner .item .heading{font-size:30px;}
	.home-imp-points .read-more-btn{ margin-bottom:50px; }
	
	.home-our-team .about-team { width:80%; margin-top:40px; padding-right:10px;}
        .home-our-team .team-member-image{ width:20%; }
        #teams .slick-next { top: 25px; }
        #teams .slick-prev { top: 25px; }
	
	.social-links{ display:inline-block; }
	.copyright-text{ text-align: center }
	
	.logo{ margin-left: 55px; overflow: hidden; display: block; }
	
	header{ border-bottom:1px solid #DDD; padding-bottom:10px; }
	.service-list .content{height:auto; overflow:hidden;}
}
@media (max-width:575px) {
	.mobile-width-100-per{ width:100%; }
	.logo img{ display:inline-block; }
	.header-contact-detail{ float:none !important; display:inline-block; }
	.logo-container{ text-align:center; }

	.carousel-inner .item.active{padding-top:60%; text-align:center;}
	.carousel-inner .item .heading{font-size:25px; line-height:35px;}
	
	.heading { font-size: 32px; }
	
	.home-imp-points .content-box{ min-height: auto;}
	
	.home-our-team .heading{ font-size:25px;}
	.home-our-team .about-team { width:100%; padding-right:0px;}
    .home-our-team .team-member-image{ display:none; }

}

@media (max-width:450px) {
	.carousel-inner .item.active{padding-top:85%;}
	.service-heading { font-size: 19px; }
}

@media (max-width:325px) {
	.header-contact-detail{ background:none !important; padding-left: 0px; }
}

/**************************************************************************/
/*----------------Responsive End Here---------------*/
/*************************************************************************/









/**************************************************************************/
/*----------------Footer Start Here---------------*/
/*************************************************************************/

.footer-bg{
	background-color:#4c4c4c;
	padding:5px 0px;
}
.copyright-text{
	font-size:16px;
	color:#ffffff;
	padding: 14px 0px;
	text-transform:uppercase;
}
.social-links a{
	font-size: 35px !important;
	color: #ffffff;
	padding: 0px 12px;
	text-decoration: none;
}
.social-links a:hover{
	color: #b4b2b9;
}


/**************************************************************************/
/*----------------Footer End Here---------------*/
/*************************************************************************/



.ul-style-box ul{ padding: 0px 0px; margin-bottom: 0px; list-style:none; }
.ul-style-box ul li {
    padding: 0px 0px;
    margin: 5px 0px;  
}
.ul-style-box ul li a {
    font-size: 17px;
    color: #482aa0;
	background:url(assets/images/chevron-right.png) no-repeat left 3px;
	padding-left:20px;
	text-decoration:none;
}

.ul-style-box ul li a:hover {
	color:#3f08e2;
}


/* New Style of sidebar menu */
.sidebar-section-box-newdesign{
	margin-bottom: 15px;
}

.sidebar-section-box-newdesign .sidebar-section-box-heading{
	background-color:#492ba1;
	padding: 10px 10px 10px 10px;
	background-image: url('assets/images/minus.png') no-repeat; 
	background-position: right 10px center;
	cursor:pointer;
}

.sidebar-section-box-newdesign .sidebar-section-box-heading p{
	background: url('assets/images/plus.png') no-repeat; 
	background-position: right 10px center;
	font-size:24px;
	color:#ffffff;
	text-transform:uppercase;
	margin-bottom:0px;
}

.sidebar-section-box-newdesign.active .sidebar-section-box-heading p{
	background: url('assets/images/minus.png') no-repeat; 
	background-position: right 10px center;
}

.sidebar-section-box-newdesign .sidebar-section-box-img-contain{
	display:none;
}

.sidebar-section-box-newdesign .sidebar-section-box-content{
	padding:0px 0px;
	background-color:none;
	background:none;
	display:none;
}

.sidebar-section-box-newdesign .sidebar-section-box-content ul li{
	background-color:#f3f3f3;
	margin-bottom: 6px;
    margin-top: 6px;
}

.sidebar-section-box-newdesign .sidebar-section-box-content ul li a{
	color:#3d3d3d;
	font-size:18px;
	padding:10px 15px;
	display:inline-block;
	text-decoration:none;
	
	transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	
	background-position: left 0px center;
	width: 100%;
}

.sidebar-section-box-newdesign .sidebar-section-box-content ul li.current-menu-item{ background-color:#f3f3f3; }

.sidebar-section-box-newdesign .sidebar-section-box-content ul li.current-menu-item a, .sidebar-section-box-newdesign .sidebar-section-box-content ul li a:hover{
	color:#492ba1;
	padding-left:30px;
	background: url('assets/images/right-arrow.png') no-repeat; 
	background-position: left 10px center;
}
/* New Style of sidebar menu end here */

.content span{ color:#492ba1; }