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


@font-face {font-family: 'Roboto';font-style: normal;font-weight: 300;src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com/static/fonts/roboto/v8/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v8/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;src: local('Roboto Medium'), local('Roboto-Medium'), url(http://themes.googleusercontent.com/static/fonts/roboto/v8/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;src: local('Roboto Bold'), local('Roboto-Bold'), url(http://themes.googleusercontent.com/static/fonts/roboto/v8/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}


@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v13/tI4j516nok_GrVf4dhunkg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


body{
	background-color: #fff;
	font-size: 14px;
	color: #424242;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
}
::selection{
	background: rgba(89,111,255,.8);
	color: #fff;
}	
::-moz-selection{
	background: rgba(89,111,255,.8);
	color: #fff;
}	
ul, ol{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
ul.list-inline{
	margin-left: 0;
}
h1,h2,h3,h4,h5,h6,p{
	margin: 0;
}
p{
	font-size: 14px;
	color: #333;
}

a{
	color: #fff;
	-webkit-transition: background .3s, color .3s;
	transition: background .3s, color .3s;
}
a:hover{
	outline: none;
	text-decoration: none;
	color: #000;
}
a:focus{
	outline: none;
	outline-offset: 0;
}
.btn{
	border-radius: 0;
}
.btn:focus{
	outline: none;
}
/*-----  End of Typography  ------*/



/*==================================
=            shortcodes            =
==================================*/

.mtb10{margin-bottom: 10px;}
.mtb20{margin-bottom: 20px;}
.mtb30{margin-bottom: 30px;}
.mtb40{margin-bottom: 40px;}
.mtb50{margin-bottom: 50px;}
.mtb60{margin-bottom: 60px;}
.mtb70{margin-bottom: 70px;}
.mtb80{margin-bottom: 80px;}
.mtb90{margin-bottom: 90px;}
.mtb100{margin-bottom: 100px;}

.ptb10{padding-bottom: 10px;}
.ptb20{padding-bottom: 20px;}
.ptb30{padding-bottom: 30px;}
.ptb40{padding-bottom: 40px;}
.ptb50{padding-bottom: 50px;}
.ptb60{padding-bottom: 60px;}
.ptb70{padding-bottom: 70px;}
.ptb80{padding-bottom: 80px;}
.ptb90{padding-bottom: 90px;}
.ptb100{padding-bottom: 100px;}

.ptt10{padding-top: 10px;}
.ptt20{padding-top: 20px;}
.ptt30{padding-top: 30px;}
.ptt40{padding-top: 40px;}
.ptt50{padding-top: 50px;}
.ptt60{padding-top: 60px;}
.ptt70{padding-top: 70px;}
.ptt80{padding-top: 80px;}
.ptt90{padding-top: 90px;}
.ptt100{padding-top: 100px;}

.img-100p{
	width: 100%;
}
.overflow{
	overflow: hidden;
}
.no-padding{
	padding:0
}
.no-margin{
	margin:0
}

.section-title02{
	font-size: 34px;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 30px;
	text-align: center;
	color: #F0394C;
	font-weight: 800;
}

.section-title03{
	font-size: 34px;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
	color: #fff;
	font-weight: 800;
}


.section-title{
	font-size: 34px;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-transform: uppercase;
	margin-top: 80px;
	margin-bottom: 30px;
	text-align: center;
	color: #F0394C;
	font-weight: 800;
}

.section-info{
	margin-bottom: 60px;
	text-align: center;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
}

.section-info2{
	margin-bottom: 60px;
	text-align: center;
	font-family: Lato,Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #fff;
}


.horizontal-center{
	position: absolute;
	left: 50%;
	-webkit-transform: translateZ(-50%);
	transform: translateZ(-50%);	
}
.vertical-center{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.horizontal-vertical-center{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);	
}
.overflow-content-full{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*-----  End of shortcodes  ------*/



/* =================================================================== */
/* 2. HEADER
====================================================================== */

#background{
    width: 100%;
    height: 100%;
}
#header {
    background: #fff none repeat scroll 0 0;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
    z-index: 999;
}

#top-bar{background: #171717; color: #fff; padding: 5px 0 3px;}

.top-info ul{ list-style: none; float: right; padding:0; margin: 0;}

.top-info span { font: 14px/28px "open sans",Helvetica, Arial, sans-serif; padding:0px 15px; float: right;
}

.top-info span i { font-size: 14px; margin-right: 7px; }

.top-info li{ float:right;}

.top-info li a{
    border: 1px solid #fff !important;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 25px;
    line-height: 23px;
    margin: 0 2px;
    text-align: center;
    transition: background-color 400ms linear 0s;
    width: 25px;

}

.top-info span a{
    color: #fff;
    font-family: Lato,Helvetica, Arial, sans-serif;
	font-size: 13px;
    }

.top-info span a:hover{
    color: #fff;
    }


.top-info li:hover a                {color:#fff!important;}
.top-info li:hover a.my-tweet       {background:#3ABDD1;}
.top-info li:hover a.my-facebook    {background:#648CD5;}
.top-info li:hover a.my-skype       {background:#00AFFF;}
.top-info li:hover a.my-pint        {background:#DE5656;}
.top-info li:hover a.my-linkedin    {background:#648CD5;}
.top-info li:hover a.my-youtube     {background:#E73904;}


/* Logo
====================================*/

#logo-bar {
    padding: 10px 0;
    background: #fff;
}
#logo-bar.scroll-to-fixed-fixed{
    padding: 10px 0;
    box-shadow: 0 5px 20px #ccc;
}

#logo img
{
    width:100%;
    height:auto;
}

#logo > h1 {
    margin:0;
    display:inline-block;
    float: left;
}

/* page_head Title
====================================*/
.page_head {
    background: url(../images/about/top.jpg) top no-repeat;
    border-bottom: 1px solid #EAEAEA;
    padding:80px 0;
}

.page_head03 {
    background: url(../images/about/playgroup-top.jpg) top no-repeat;
    border-bottom: 1px solid #EAEAEA;
    padding:80px 0;
}

.page_head04 {
    background: url(../images/about/cont-top.jpg) top no-repeat;
    border-bottom: 1px solid #EAEAEA;
    padding:80px 0;
}

.page_title{ float: left; }

.page_title h2 {
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 9px;
}
.sub_heading{
    display: block;
    background: #fff;
    color: #666;
    font-size: 16px;
    padding: 5px 8px;
    border-left: 2px solid #727CB6;
    clear: both;
}

/* Breadcrumbs
====================================*/
#breadcrumbs{
    background: #fff;
    margin-top: 3px;
    padding:3px 7px;
    float: right;
}
#breadcrumbs ul {
    float: right;
    font-size: 12px;
    padding: 2px  5px;
    margin: 0;
}
#breadcrumbs ul li{
    display: inline-block;
    color: #888;
    margin: 0 0 0 5px;
}
#breadcrumbs ul li a{
    margin-right: 8px;
}

#breadcrumbs ul li:last-child a,
#breadcrumbs ul li a { color: #727CB6; }

#breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0; }

#breadcrumbs ul li:first-child,
#breadcrumbs ul li:last-child {
    color: #888;
    background: none;
}

#breadcrumbs ul li:last-child { padding:0; background: none; }

/* =================================================================== */
/* 3. NAVIGATION
====================================================================== */
/*
  Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
.navbar-nav ul
{
    width:100%;
    min-width:187px!important;
    padding:0;
}

.nav-caption{
    color: #323A45;
    font-size: 22px;
    font-weight: bold;
    padding: 5px 0 0 0;
    position: absolute;
    text-align: center;
    top: 15%;
    width: 100%;
    display: none;
}
.navbar-toggle{
    background:#ed1b24;
    border:none;
    padding:10px 10px;
    border-radius:3px;
    margin-top:5px;
}
.navbar-default{
    background: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background:#333;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#fff;
    height:3px;
}
.navbar{
    margin-bottom: 0;
    margin-top: 15px;
    min-height:20px;
    border:none;
    float: right;
}

/* sub menus arrows */
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
    position:static;
    margin-top:0;
    margin-right:0;
    margin-left:6px;
    display:inline-block;
    width:0;
    height: 0;
    overflow:hidden;
    vertical-align:middle;
    border-top:4px solid;
    border-right:4px dashed transparent;
    border-bottom:4px dashed transparent;
    border-left:4px dashed transparent;
}
.navbar-nav > li > .has-submenu .sub-arrow {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    width:8px;
    height: 8px;
    line-height: 8px;
    border-width: 0px;
}
.navbar-nav > li > .has-submenu .sub-arrow:before {
    content: "\f107";
}
.navbar-nav ul .sub-arrow {
    position:absolute;
    right:0;
    margin-top:6px;
    margin-right:15px;
    border-top:4px dashed transparent;
    border-bottom:4px dashed transparent;
    border-left:4px solid;
}
.navbar-nav ul a.has-submenu {
    padding-right:30px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color: transparent;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
    position:absolute;
    display:none;
    visibility:hidden;
    height:20px;
    overflow:hidden;
    text-align:center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
    position:absolute;
    top:-2px;
    left:50%;
    margin-left:-8px;
    width:0;
    height:0;
    overflow:hidden;
    border-top:7px dashed transparent;
    border-right:7px dashed transparent;
    border-bottom:7px solid;
    border-left:7px dashed transparent;
}
.dropdown-menu.sm-nowrap{
    display: none;
    left: 0;
    margin-left: 186px;
    margin-top: -42px;
    max-width: 20em;
    min-width: 10em;
    top: auto;
    width: auto;
}

.navbar-nav span.scroll-down-arrow {
    top:6px;
    border-top:7px solid;
    border-right:7px dashed transparent;
    border-bottom:7px dashed transparent;
    border-left:7px dashed transparent;
}

.navbar-default .navbar-nav li a{
    color: #333;
    text-transform:uppercase;
    font-size: 14px;
    font-weight: 600;
    font-family: Lato,Helvetica, Arial, sans-serif;

}


.navbar-default .navbar-nav > li{
}


.navbar-default .navbar-nav > li:first-child{
    border-left:none;
}


.navbar-default .navbar-nav > li > a:after,
.navbar-default .navbar-nav > li > a:before {
    transition: all .5s;
}

.navbar-default .navbar-nav > li > a{
    padding:12px 15px;

    position:relative;
    z-index: 1;
}

.navbar-default .navbar-nav > li > a:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    content: '.';
    color: transparent;
    background: none;
    opacity: 0;
    z-index: -1;
}
.navbar-default .navbar-nav > li > a:hover:after {
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.navbar-nav > li.active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
    background: none;
    color:#000!important;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus
{
    background:#ed1a21;
    color:#000!important;
}

.navbar-nav li:nth-child(n+2)::before {
    background: none;
    content: "";
    height: 15px;
    left: -1px;
    position: absolute;
    top: 13px;
    width: 1px;
}
.navbar-nav > li + li {
    margin-left: 1px;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav .collapsible ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
    padding-left:35px;
}
.navbar-nav .collapsible ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header {
    padding-left:45px;
}
.navbar-nav .collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header {
    padding-left:55px;
}
.navbar-nav .collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header {
    padding-left:60px;
}

.navbar-nav .dropdown-menu > li > a {
    white-space:normal;
    font-size: 15px;
    padding:12px 20px;
    border-bottom:1px solid #f2f2f2;
    text-transform: none;
    font-weight: 500;
    font-family:'Roboto', Arial, Helvetica, sans-serif;
    color: #333;
}

.navbar-nav .dropdown-menu > li > a:hover
{
    color:#fff;
    background:#ed1a21;

}


.navbar-nav ul.sm-nowrap > li > a {
    white-space:nowrap;
}
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
.navbar-nav .collapsible ul {display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
.navbar-nav .collapsible ul.sm-nowrap > li > a {white-space:normal;}
.navbar-nav .collapsible iframe{display:none;}
/* disable Bootstrap 3's global box-sizing:border-box; for the menus as it doesn't play nice with SmartMenus */
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus
{
    border-color:transparent!important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
    background-color:#fff ;
}
/*------------Animation-CSS-------------*/
.navbar-nav > li:hover > ul{
    /*display: block;*/
    -moz-animation: fadeInUp .4s ease-in;
    -webkit-animation: fadeInUp .4s ease-in ;
    animation: fadeInUp .4s ease-in;
}

.navbar-nav > li > ul.dropdown-menu li:hover ul{
    /*display:block;*/
    -moz-animation: fadeInUp .5s ease-in ;
    -webkit-animation: fadeInUp .5s ease-in ;
    animation: fadeInUp .5s ease-in;
}
/*--------Animation_Hover_Effect_CSS---------------*/
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


/*===================================
=            home-slider            =
===================================*/


#home-slider {
  overflow: hidden;
  position: relative;
}

#home-slider .item{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
height: auto;
}


#home-slider .caption {
  position: absolute;
  top: 30%;
  margin-top: -104px;
  left: 0px;
  right: 0;
  text-align: left;
  text-transform: uppercase;
  z-index: 15;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}
#home-slider .caption-wide{margin-top: -70px;}
#home-slider .caption .main-title {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 40px;
  font-family: Lato,Helvetica, Arial, sans-serif;
  
}

#home-slider .caption .main-title span {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  text-transform: none;
  font-family: Lato,Helvetica, Arial, sans-serif;

}

#home-slider .caption .sub-title{
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
}


.caption .btn-start {
  font-family: Lato,Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 15px;
  border: 1px solid #fff;
  border-radius: 0;
  margin-top: 40px;
  position: relative;
  overflow: hidden;
}
.caption .btn-start:hover{
	color: #fff;
	background:#ed1a21;
	}


#home-slider .carousel-indicators .active{
	height: 5px;
}



#home-slider .carousel-indicators li{
	width: 30px;
	height: 5px;
	border: 1px solid #fff;
}

.navbar-right li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  padding-top: 30px;
  padding-bottom: 30px;
}

.navbar-right li.active a {
  background-color: rgba(0,0,0,.2);
}

.navbar-brand h1 {
  margin-top: 5px;
}

/*-----  End of home-slider  ------*/



/* ======================================================================== */
/* 15. Parallax
/* ======================================================================== */
section.parallax {
    padding: 50px 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
section.parallax h2 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 42px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

section.parallax-1 {
     background-image: url("../images/franchise-bg.jpg");
 }


section.parallax h2 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 42px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.heading-item {
    text-align: center;
    color: #fff;
}
.heading-item > h4 {
    color: #fff;
    font-family: Lato,Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 21px;
}
.heading-item > p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
    font-family:'Roboto', Arial, Helvetica, sans-serif;
}

.heading-item > em {
    display: block;
    font: lighter 30px/30px 'Roboto', Arial, Helvetica, sans-serif;
    margin-top: 35px;
}
.heading-item strong {
    color: #fff;
    font: 600 24px/24px;
    font-family:'Roboto', Arial, Helvetica, sans-serif;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
    color:#fff;
    padding:65px 0;
}



/* ======================================================================== */
/* 19. BUTTONS                                                              */
/* ======================================================================== */
.btn{
    color: #fff;
}
.btn-default{
    background:#333;
    color:#fff;
    font-size: 12px;
    font-weight: 600;
    border:none;
    border-radius:2px;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
.btn-default:hover{
    background:#fb6400;
    color:#fff;
}

.btn-default02{
    background:#fb6400;
    color:#fff;
    font-size: 18px;
    font-weight: 600;
    border:none;
    border-radius:2px;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
.btn-default02:hover{
    background:#fb6400;
    color:#fff;
}



/*================================
=            features            =
================================*/

#features{
	margin-top: 80px;
	margin-bottom: 100px;
}
#features .header-content .title{
	font-size: 40px;
	color: #000;
}
#features .header-content .info{
	font-size: 16px;
	color: #363636;
}
.feature-item .content{
	background: #f6f6f6;
	padding: 40px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.features h3 {
	font-size: 24px;
	font-family: Lato,Helvetica, Arial, sans-serif;
	color: #F0394C;
	font-weight: 700;
	margin-bottom: 20px;
}

.feature-item .content .info {
    font-size: 16px;
    font-family:'Roboto', Arial, Helvetica, sans-serif;
    color: #333;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: left;
}


.feature-item .content .icon{
	font-size: 48px;
	color: #F0394C;
	margin-bottom: 20px;
	line-height: 100%;	
}
.feature-item .content .title{
	font-size: 22px;
	font-family: Lato,Helvetica, Arial, sans-serif;
	line-height: 30px;
	color: #F0394C;
	font-weight: 600;
	margin-bottom: 40px;
	text-transform: uppercase;	
}


.feature-item .content:hover{
	background-color: #F0394C; 
	}

.feature-item .content:hover .icon,
.feature-item .content:hover .title,
.feature-item .content:hover .info{
	color: #fff;
}


/*-----  End of features  ------*/



/*=================================
=            courses            =
=================================*/

#courses{
	background: url(../img/bg/04.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}
#courses .color-overlay{
	width: 100%;
	height: 100%;
	background: rgba(16,19,38,.8);
}
#courses .section-title{
	color: #fff;
	margin-bottom: 100px;
}
#courses .info-part{
	padding-right: 40px;
}
#courses .each-courses{
	margin-bottom: 60px;
}
.each-courses .title{
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 20px;
	-webkit-transition: all .3s;
	transition: all .3s;
	
}
.each-courses .info{
	font-size: 16px;
	-webkit-transition: all .3s;
	transition: all .3s;
	
}
.timing{
	font-size: 12px;
	color: #fff;
	margin-top: 90px;
	-webkit-transition: all .3s;
	transition: all .3s;
	}

.timing.first{margin-top: 0px;}

.each-courses:hover{
	cursor: pointer;
}
.each-courses:hover .title{
	color: #F0394C;
}
.each-courses:hover .info{
	color: #fff;
}
#courses .content-part{
	position: relative;
	height: 100%;
	margin-left: 30px;
}
.content-part .active-image{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.content-part .active-image img{
	width: 420px;
	height: 420px;
	border: 5px solid #F0394C;
	border-radius: 100%;
}
.content-part .active-image p{
	position: relative;
	padding: 15px;
}
.content-part .active-image p:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 1px solid #F0394C;
}
.content-part .active-thumb img{
	opacity: 1 !important;
}
.content-part .thumb-img img{
	width: 140px;
	height: 140px;
	border: 5px solid #F0394C;
	border-radius: 100%;
	opacity: .2;
	-webkit-transition: all .3s;
	transition: all .3s;
	
}
.content-part .thumb-img img:hover{
	opacity: 1;
}
.content-part .first-courses-img{
	position: absolute;
	top: 0;
	left: 0;
}
.content-part .second-courses-img{
	position: absolute;
	top: 0;
	right: 0;
}
.content-part .third-courses-img{
	position: absolute;
	bottom: 0;
	left: 0;
}
.content-part .fourth-courses-img{
	position: absolute;
	bottom: 0;
	right: 0;
}


/* columns of same height styles */
.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}
/*-----  End of courses  ------*/



/*===================================
=            portfolio            =
===================================*/
.portfolio-filter{
	margin-top: 20px;
}
.portfolio-filter li .active{
	color: #F0394C;
	text-decoration: none;
}
.portfolio-filter li a:hover{
	color: #F0394C;
}
.portfolio-item{
	margin-bottom: 30px;
}
.portfolio-item .content{
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;	
}
.portfolio-item .content figcaption{
	background-color: rgba(240, 57, 76, 0.8);
	color: #fff;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.portfolio-item .content figcaption p,
.portfolio-item .content figcaption a{
	color: #fff;
}
.portfolio-item .content .icon{
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%), scale(0);
	font-size: 34px;
	-webkit-transition: all .3s;
	transition: all .3s;	
}
.portfolio-item .content .caption{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.portfolio-item .content figcaption .title{

	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: all .3s;
	transition: all .3s;
	font-weight: 600;	
}


.portfolio-item .content figcaption .info{
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: all .3s;
	transition: all .3s;
	font-weight: 400;	
}


.portfolio-item .content .caption .title{
	margin-bottom: 110px;
	text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #fff;

}


.portfolio-item .content:hover figcaption{
	opacity: 1;

}
.portfolio-item .content:hover figcaption .icon{
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}
.portfolio-item .content:hover figcaption .caption{
	bottom: 0;
}
.portfolio-item .content:hover figcaption .title,
.portfolio-item .content:hover figcaption .info{
	-webkit-transform: translateY(0);
	transform: translateY(0);	
}
/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-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;
  transition-duration: 0s;
}
/*-----  End of portfolio  ------*/



/*==================================
=            count-down            =
==================================*/

#count-down{
	background: url(../img/bg/01.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}
#count-down .color-overlay{
	width: 100%;
	height: 100%;
	background: rgba(240, 57, 76, 0.7);
}
#count-down .section-title,
#count-down .counter-content p,
#count-down .counter-content span{
	color: #fff;
}
#count-down .section-title{
	font-size: 26px;
}
#count-down .counter-content .counter{
	font-size: 55px;
	margin-bottom: 30px;
}
#count-down .counter-content .title{
	font-size: 20px;
	text-transform: uppercase;
}
/*-----  End of count-down  ------*/



/*=============================
=            teams            =
=============================*/

#teams{
	background-color: #f6f6f6;
}
.team-member .member-pic{
	position: relative;
	overflow: hidden;
}
.team-member .caption .color-overlay{
	background: rgba(240, 57, 76, 0.7);
	left: 100%;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.team-member .caption .social-icon{
	text-align: center;
	left: -100%;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transition-delay: .25s;
	transition-delay: .25s;
	opacity: 0;
}
.team-member .caption .social-icon a{
	color: #fff;	
	font-size: 26px;	
}
.team-member .caption .social-icon li{
	margin-right: 10px;
	text-align: center;	
}
.team-member .caption .social-icon li:last-child{
	margin-right: 0;
}
.team-member .member-pic:hover .color-overlay{
	left: 0;
	opacity: 1;
}
.team-member .member-pic:hover .social-icon{
	left: 50%;
	opacity: 1;
	-webkit-transition-delay: .25s;
	transition-delay: .25s;
}
.team-member .member-info .position{
	margin-top: 25px;
}
.team-member .member-info .name{
	font-size: 16px;
	color: #454545;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*-----  End of teams  ------*/



/*===================================
=            latest-blog            =
===================================*/

.each-post .date{
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 20px;
}
.each-post .headline{
	margin-bottom: 30px;
	font-size: 22px;
}
.each-post .headline a{
	color: #454545;
}
.each-post .headline a:hover{
	color: #F0394C;
}
.read-more-button{
	margin-top: 80px;
	font-size: 16px;
}
.read-more-button a{
	position: relative;
	padding: 20px;
	display: inline-block;
}

.read-more-button a:hover{
	color: #F0394C;
}

/*-----  End of latest-blog  ------*/



/*=======================================
=            client-feedback            =
=======================================*/
#client-feedback{
	background: url(../img/bg/02.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}
#client-feedback .color-overlay{
	width: 100%;
	height: 100%;
	background: rgba(16,19,38,.9);
}
#client-feedback .main-content{
	position: relative;
}
#client-feedback .custom-control a{
	color: #fff;
	font-size: 40px;
}
#client-feedback .custom-control #slider-prev,
#client-feedback .custom-control #slider-next{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 999;
	font-size: 40px;
}	
#client-feedback .custom-control #slider-prev{
	left: 0;
}
#client-feedback .custom-control #slider-next{
	right: 0;
}
#client-feedback .bx-wrapper .bx-viewport{
	width: 80% !important;
	margin:0 auto !important;
	height: auto !important;
	box-shadow: none;
	border: 10px solid transparent;
	background: none;	
	text-align: center;
}
#client-feedback .main-content p{
	color: #fff;
	font-size: 18px;
}
#client-feedback .main-content .client-name a{
	color: #fff;
	font-size: 16px;
}
#client-feedback .client-name{
	margin-top: 40px;
}
/*-----  End of client-feedback  ------*/



/*===================================
=            our-clients            =
===================================*/
#our-clients img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .5;
	-webkit-transition: all .3s;
	transition: all .3s;	
}

#our-clients li.each-client{
	width: 15%;
	margin: 0px auto;
	margin-bottom: 20px;
}
#our-clients li.each-client:last-child{
	padding-right: 0;
}
#our-clients li.each-client:hover img{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}
/*-----  End of our-clients  ------*/



/*========================================
=            latest-list-page            =
========================================*/
.blog-list .main-nav {
	background: rgba(89,111,255,.8);
	height: 80px;
}
.blog-list .logo-left,
.blog-list .menu-button{
	top: 20px !important;
}
#breadcrumbs{
	background: url(../img/blog/blog-list/breadcrumbs.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
#breadcrumbs .color-overlay{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	padding-top: 180px;
	padding-bottom: 120px;	
}
#breadcrumbs .title{
	font-size: 50px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;	
}
#latest-blog .each-post{
	margin-bottom: 60px;
}
#latest-blog .each-post .headline{
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 30px;
}
.info-data{
	color: #999999;
	margin-bottom: 30px;
}
.info-data li{
	margin-right: 20px;
}
.info-data li:last-child{
	margin-right: 0;
}
#latest-blog .each-post .blog-img img{
	-webkit-transition: all .3s;
	transition: all .3s;
}
#latest-blog .each-post:hover .blog-img img{
	opacity: .5;
}
#latest-blog .pagination>li>a{
	font-size: 16px;
	color: #999999;
	border-color: #999999;
}
#latest-blog .pagination>li:first-child>a,
#latest-blog .pagination>li:last-child>a{
	border-radius: 0;
}
#latest-blog .pagination>li:hover a,
#latest-blog .pagination>li.active a{
	background-color: #F0394C;
	border-color: #F0394C;
	color: #fff;
}
/*-----  End of latest-blog-page  ------*/



/*====================================
=            blog-details            =
====================================*/
#blog-details .headline{
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 50px;
}
#blog-details .info{
	font-size: 16px;
	color: #454545;
	border-bottom: 1px solid #e9e9e9;
}
#blog-details .info p{
	margin-bottom: 40px;
}
#blog-details .info p:last-child{
	margin-bottom: 0;
}
#blog-details .social-icon{
	color: #999999;
}
#blog-details a:hover{
	color: #F0394C;
}
/*comments content*/
.comments{
	overflow: hidden;
	margin-top: 100px;
}
.comments .title{
	border-bottom: 1px solid #ebebeb;
	font-size: 16px;
}
.comments-content{
	padding: 60px 40px;
	background-color: #fafafa;
}
.comments-content .comments-list .media-left{
	padding-right: 20px;
}
.comments-content .media-heading{
	font-size: 16px;
}
.comments-content img{
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	
}
.comments-content img:hover{
	opacity: .6;
}
.comments-content .date{
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 30px;
}
.comments-content .reply-arrow{
	margin: 25px 0;
	display: block;
}
/*comments-form*/
.comments-form form input,
.comments-form form textarea{
	border-radius: 0;
	border: 1px solid #f2f2f2;
	box-shadow: none;
	padding: 20px;
}
.comments-form form input:focus,
.comments-form form textarea:focus{
	border-color: #F0394C;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.comments-form .textarea{
	margin: 20px 0;
}
.submit-button .btn-primary{
	background-color: #F0394C;
	border: none;
	padding: 15px 20px;

}
.submit-button .btn-primary:focus{
	outline: none;
}
/*-----  End of comments section  ------*/

/*-----  End of blog-details  ------*/


/*===============================
=            join-us            =
===============================*/

#join-us{
	background: url(../images/bg.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}
#join-us .color-overlay{
	width: 100%;
	height: 350px;
	
}
.join-btn a{
	background-color: #F0394C;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	padding: 15px 30px;
	color: #fff;
	font-size: 20px;	
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-family: Lato,Helvetica, Arial, sans-serif;
}

.join-btn a:hover{
	color: #fff;
	background: #333;
}


.spml {margin-left: 5px;}

/*-----  End of join-us  ------*/



/*===============================
=            contact            =
===============================*/
#contact{
	position: relative;
	overflow: hidden;
}
#contact .map-content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#contact .color-overlay{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 10;
}
#gmap {
	height:100%;
}
#contact .form-content .section-info{
	color: #fff;
}

#contact .form input,
#contact .form textarea{
	border-radius: 0;
	border: 1px solid #e0e0e0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 20px;
	padding: 20px;
	background: none;
	color: #fff;
}
#contact .form input:focus,
#contact .form textarea:focus{
	box-shadow: none;
	border-color: #F0394C;
}
#contact .form .btn-submit{
	background: #F0394C;
	color: #fff;
	padding: 12px;
}
#contact .form .btn-submit:hover{
	color: #fff;
}
.map-content{
	padding:0
}
/*-----  End of contact  ------*/



/*==============================
=            footer            =
==============================*/

#footer{
	background: #000;
	padding-top: 70px;
}

#footer p {
	font-family: Lato,Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
  	color: #b7b7b7;
}

#footer p.footr-hdng {
	font-family: Lato,Helvetica, Arial, sans-serif;
	font-size: 14px;
  	color: #ececec;
  	font-weight: 700;
  	text-decoration: none;
}

.footr a {
	font-family: Lato,Helvetica, Arial, sans-serif;
	font-size: 14px;
  	color: #b7b7b7;
  	line-height: 27px;
  	text-decoration: none;
}

.footr a:hover {
  	color: #ccc;
  	text-decoration: underline;
}


#footer .bottom-part{
	padding-bottom: 0px;
}
.social-icon-footer li{
	margin-right: 7px;
}
.social-icon-footer li:last-child{
	margin-right: 0;	
}
.social-icon-footer li a{
	font-size: 26px;
	color: #cccccc;
}
.social-icon-footer li a:hover{
	color: #F0394C;
}
.subscribe-form p{
	color: #999999;
}
.subscribe-form input{
	border-radius: 0;
	background: none;
	border: none;
	border-bottom: 1px solid #999999;
	padding-left: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #999999;
}
.subscribe-form input:focus{
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #F0394C;
}
.subscribe-form input::-webkit-input-placeholder {
   color: #666666;
}

.subscribe-form input:-moz-placeholder { /* Firefox 18- */
   color: #666666;  
}

.subscribe-form input::-moz-placeholder {  /* Firefox 19+ */
   color: #666666;  
}

.subscribe-form input:-ms-input-placeholder {  
   color: #666666;  
}


.copyright {
	background-color: #1a1a1a;
	padding: 20px;
	border-top:1px solid #333;
	
}

#footer .info {
	color: #ccc;
	font-size: 13px;
}

#footer .info2 {
	color: #9f9f9f;
	font-size: 13px;
	text-align: right;
}

#footer .info2 a {
	color: #9f9f9f;
	font-size: 13px;
	text-align: right;
}


.gallery02{
	border-top: 1px solid #868686;
   
}

.gallery02 li {
    display: inline;
    list-style: none;
    width: 30px;
    min-height: 30px;
    float: left;
    margin: 0 5px 5px 0;
    text-align: center;
}

.gallery02 li a:hover {
    background: none; 
}

.gallery li {
    display: inline;
    list-style: none;
    width: 60px;
    min-height: 60px;
    float: left;
    margin: 0 5px 5px 0;
    text-align: center;
}

.ftr-info { margin-left: 10px; }
.ftr-info2 { margin-left: 20px; }



/*-----  End of footer  ------*/

/* ===================================================== */
/* 34. Media Query										 */
/* ===================================================== */


/* Extra Add-on Display */


/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) {
    #home-slider .item {max-height: 919px;}
    #home-slider .item {background-size: 100% 100%;}
    #home-slider .carousel-indicators {margin-bottom: 9%;}
    
}


/* (1600x900) HD+ Display */
@media  screen and (max-width: 1600px) {
   #home-slider .item {max-height: 775px;}
   #home-slider .item {background-size: 100% 100%;}
   #home-slider .carousel-indicators {margin-bottom: 7%;}
}

/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
   #home-slider .item {max-height: 694px;}
   #home-slider .item {background-size: 100% 100%;}
  #home-slider .carousel-indicators {margin-bottom: 5%;}

}


@media  screen and (min-width: 1366px) {
   #home-slider .item {max-height: 658px;}
   #home-slider .item {background-size: 100% 100%;}
   #home-slider .carousel-indicators {margin-bottom: 3%;}

}


@media only screen and (min-width: 1024px) and (max-width: 1280px){

   #home-slider .item {max-height: 620px;}
   #home-slider .item {background-size: 100% 100%;}

 }


/* Extra Add-on Display End */


@media only screen and (min-width: 768px) and (max-width: 1024px){

    #logo{
        position: absolute;
        width: 100%;
     }
    .navbar-default .navbar-nav > li > a { padding: 12px 9px;}

 }


@media only screen and (max-width:768px) {

    #logo-bar{padding:30px 0;}

    .nav-tabs > li > a { padding:10px 10px; }

    .nav-tabs > li > a { padding:10px 10px; }

     #home-slider .carousel-indicators {margin-bottom: 3%;}
   

}

@media only screen and (max-width: 767px) {

    #info-bar {background:none; padding:0;}

    #logo {
        position: absolute;
        width: 65%;
        z-index: 9999;
    }

    #top-bar{padding:5px 0;}

    #logo-bar {padding: 10px 0;}

    .navbar-default .navbar-nav li a{
        color: #010101;
    }
    .navbar{
        background:#fff;
        border-color: transparent;
        float: none;
    }
    .navbar-nav li:nth-child(n+2)::before {
        background: none;
    }

    .navbar-nav{
        background:#ed1a21;
    }
    .navbar-collapse{
        position: absolute;
        width: 100%;
    }
    .navbar-nav > li ul > li:first-child > a{border-top:none;}
    .navbar-default .navbar-nav > li > a,.navbar-nav .dropdown-menu > li > a
    {
        padding-top:12px!important;
        padding-bottom:12px!important;
    }
    .navbar-default .navbar-nav li a{
        color: #fff;
    }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a
    {
        padding-left:30px;
        color:#fff;
        font-size:13px;
        border-bottom: none;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
    {
        background:#fff;
        color:#000;
    }
    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow
    {
        float:right;
        color:#fff;
    }
    .navbar-nav > li > ul:before
    {
        content:"";
        display:none;
    }
    .navbar-nav > li > .has-submenu .sub-arrow{
        font-size: 14px;
        font-weight: bold;
        width: 10px;
    }
    .navbar-default .navbar-nav > li{border-bottom:1px solid rgba(255, 255, 255, 0.54);}
    .dropdown-menu.sm-nowrap > li{background:#303436; border-top:1px solid rgba(255, 255, 255, 0.54);}

    .navbar-nav > li:hover > ul{
        -moz-animation: none;
        -webkit-animation: none ;
        animation: none;
    }

    .navbar-nav > li > ul.dropdown-menu li:hover ul{
        -moz-animation: none;
        -webkit-animation:none;
        animation: none;
    }
    .nav-caption{ display: block; }

    .page_head {padding: 12px 0;}
    .page_head h2 { font-size: 20px; }

    .text-center > img {
        width: 100%;
    }
    .images-style-inner {
        margin: 10px 0;
    }

    #breadcrumbs { float: right;margin-top: 25px;}

    #home-slider .item {max-height: 250px;}
    #home-slider .item {background-size: 100% 100%;}

    .section-title02 { margin-top: -40px; font-size: 24px; }

    .section-info {font-size: 14px;}

  }

@media only screen and (min-width: 481px) and (max-width: 767px){

    .author_bio {margin-top:35%; position: relative;}

    #breadcrumbs { float: right;margin-top:0;}

    #home-slider .item {max-height: 250px;}
    #home-slider .item {background-size: 100% 100%;}

    .section-title02 { margin-top: -40px; font-size: 24px; }

    .section-info {font-size: 14px;}
}

@media only screen and (max-width: 480px){

    #breadcrumbs{ display: none; }

    .sub_content {
        padding: 10px 0;}

    #home-slider .item {max-height: 250px;}
    #home-slider .item {background-size: 100% 100%;}
    
}