@import url('https://fonts.googleapis.com/css?family=Patrick+Hand&display=swap');

@font-face {
  font-family: kbzipadeedoodahmedium;
  src: url("fonts/KBZipaDeeDooDah-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/KBZipaDeeDooDah-webfont.woff2") format("woff2"), url("fonts/KBZipaDeeDooDah-webfont.woff") format("woff"), url("../fonts/KBZipaDeeDooDah-webfont.ttf") format("truetype"), url("fonts/KBZipaDeeDooDah-webfont.svg#kbzipadeedoodahmedium") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: FunSized;
  src: url("fonts/KBZipaDeeDooDah-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/FunSized.ttf") format("woff2"), url("fonts/FunSized.ttf") format("ttf"), url("../fonts/KBZipaDeeDooDah-webfont.ttf") format("truetype"), url("fonts/KBZipaDeeDooDah-webfont.svg#kbzipadeedoodahmedium") format("svg");
  font-style: normal;
  font-weight: 400;
}

/********************** Backgrounds **********************/

#Header_wrapper {
	background-color: #fcfbf9;
}
#Subheader {
	background-color: rgba(247, 247, 247, 1);
}
.header-classic #Action_bar, .header-stack #Action_bar {
	background-color: #2C2C2C;
}
#Sliding-top {
	background-color: #39291f;
}
#Sliding-top a.sliding-top-control {
	border-right-color: #39291f;
}
#Footer {
	background: url(../images/footer.gif);
	 
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 160px;
}
@media only screen and (max-width: 767px) {
	#Footer {
		padding-top:50px;
		background-size: 250%;
	}

	.footer2000 .teammakkani img {
    margin-bottom: 20px;
    width: 150px !important;
    margin-left: 27% !important;
    margin-top: 60px;
}
}

.officialgokulam {
    text-align: center;
    width: 200px;
    margin: 0 auto;
}
.officialgokulam img:nth-child(2) {
    margin-top: 15px;
    margin-bottom: 30px;
}
.officialgokulam img:nth-child(1) {
    filter: grayscale(1);
    width: 75%;
}
h2.awsm-job-post-title a {
    font-family: patrick hand;
    color: black;
    font-size: 28px !important;
}
.officialgokulam img:nth-child(1):hover {
    filter: none;

}
.officialgokulam {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.servicetext ul {
    list-style: square inside;
    text-align: left;
    width: 282px;
    margin: 0 auto;
    max-width: 100%;
}
/************************ Colors ************************/


/* Content font */

body, ul.timeline_items, .icon_box a .desc, .icon_box a:hover .desc, .feature_list ul li a, .list_item a, .list_item a:hover, .widget_recent_entries ul li a, .flat_box a, .flat_box a:hover {
	color: #867b6d;
}

/* Theme color */

.themecolor, .opening_hours .opening_hours_wrapper li span, .fancy_heading_icon .icon_top, .fancy_heading_arrows .icon-right-dir, .fancy_heading_arrows .icon-left-dir, .fancy_heading_line .title, .button-love a.mfn-love, .format-link .post-title .icon-link, .pager-single>span, .pager-single a:hover, .widget_meta ul, .widget_pages ul, .widget_rss ul, .widget_mfn_recent_comments ul li:after, .widget_archive ul, .widget_recent_comments ul li:after, .widget_nav_menu ul, .woocommerce ul.products li.product .price, .shop_slider .shop_slider_ul li .item_wrapper .price, .woocommerce-page ul.products li.product .price, .widget_price_filter .price_label .from, .widget_price_filter .price_label .to, .woocommerce ul.product_list_widget li .quantity .amount, .woocommerce .product div.entry-summary .price, .woocommerce .star-rating span, #Error_404 .error_pic i {
	color: #e0c9ac;
}

/* Theme background */

.themebg, .pager .pages a:hover, .pager .pages a.active, .pager .pages span.page-numbers.current, .pager-single span:after, #comments .commentlist>li .reply a.comment-reply-link, .fixed-nav .arrow, #Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a, .widget_categories ul, .Recent_posts ul li .desc:after, .Recent_posts ul li .photo .c, .widget_recent_entries ul li:after, .widget_mfn_menu ul li a:hover, .widget_mfn_menu ul li.current_page_item a, .widget_product_categories ul, div.jp-interface, #Top_bar a#header_cart span, .testimonials_slider .slider_images, .testimonials_slider .slider_images a:after, .testimonials_slider .slider_images:before, .slider_pagination a.selected, .slider_pagination a.selected:after, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet.selected:after, .tp-leftarrow.default, .tp-rightarrow.default, .tp-bullets.tp-thumbs .bullet.selected:after, .offer_thumb .slider_pagination a:before, .offer_thumb .slider_pagination a.selected:after {
	background-color: #e0c9ac;
}
.Latest_news ul li .photo {
	border-color: #e0c9ac;
}

/* Links color */

a {
	color: #f16923;
}
a:hover {
	color: #f16923;
}

/* Selections */

*::-moz-selection {
	background-color: #f16923;
}
*::selection {
	background-color: #f16923;
}

/* Grey */

.blockquote p.author span, .counter .desc_wrapper .title, .article_box .desc_wrapper p, .team .desc_wrapper p.subtitle, .pricing-box .plan-header p.subtitle, .pricing-box .plan-header .price sup.period, .chart_box p, .fancy_heading .inside, .fancy_heading_line .slogan, .post-meta, .post-meta a, .post-footer, .post-footer a span.label, .pager .pages a, .button-love a .label, .pager-single a, #comments .commentlist>li .comment-author .says, .fixed-nav .desc .date, .filters_buttons li.label, .Recent_posts ul li a .desc .date, .widget_recent_entries ul li .post-date, .tp_recent_tweets .twitter_time, .widget_price_filter .price_label, .shop-filters .woocommerce-result-count, .woocommerce ul.product_list_widget li .quantity, .widget_shopping_cart ul.product_list_widget li dl, .product_meta .posted_in, .woocommerce .shop_table .product-name .variation>dd, .shipping-calculator-button:after, .shop_slider .shop_slider_ul li .item_wrapper .price del, .testimonials_slider .testimonials_slider_ul li .author span, .testimonials_slider .testimonials_slider_ul li .author span a, .Latest_news ul li .desc_footer {
	color: #a8a8a8;
}

/* Headings font */

h1, h1 a, h1 a:hover, .text-logo #logo {
	color: #d15414;
}
h2, h2 a, h2 a:hover {
	color: #d15414;
}
h3, h3 a, h3 a:hover {
	color: #d15414;
}
h4, h4 a, h4 a:hover {
	color: #333;
}
h5, h5 a, h5 a:hover {
	color: #d15414;
}
h6, h6 a, h6 a:hover, a.content_link .title {
	color: #d15414;
}

/* Highlight */

.dropcap, .highlight:not(.highlight_image) {
	background-color: #e0c9ac;
}

/* Buttons */

a.button, a.tp-button {
	background-color: #f7f7f7;
	color: #747474;
}
.button-stroke a.button, .button-stroke a.button .button_icon i, .button-stroke a.tp-button {
	border-color: #f7f7f7;
	color: #747474;
}
.button-stroke a:hover.button, .button-stroke a:hover.tp-button {
	background-color: #f7f7f7;
	color: #fff;
}

/* .button_theme */

a.button_theme, a.tp-button.button_theme, button, input[type="submit"], input[type="reset"], input[type="button"] {
	background-color: #e0c9ac;
	color: #fff;
}
.button-stroke a.button.button_theme, .button-stroke a.button.button_theme .button_icon i, .button-stroke a.tp-button.button_theme, .button-stroke button, .button-stroke input[type="submit"], .button-stroke input[type="reset"], .button-stroke input[type="button"] {
	border-color: #e0c9ac;
	color: #000 ;
}
.button-stroke a.button.button_theme:hover, .button-stroke a.tp-button.button_theme:hover, .button-stroke button:hover, .button-stroke input[type="submit"]:hover, .button-stroke input[type="reset"]:hover, .button-stroke input[type="button"]:hover {
	background-color: #e0c9ac;
	color: #fff;
}

/* Fancy Link */

a.mfn-link {
	color: #656B6F;
}
a.mfn-link-2 span, a:hover.mfn-link-2 span:before, a.hover.mfn-link-2 span:before, a.mfn-link-5 span, a.mfn-link-8:after, a.mfn-link-8:before {
	background: #f16923;
}
a:hover.mfn-link {
	color: #f16923;
}
a.mfn-link-2 span:before, a:hover.mfn-link-4:before, a:hover.mfn-link-4:after, a.hover.mfn-link-4:before, a.hover.mfn-link-4:after, a.mfn-link-5:before, a.mfn-link-7:after, a.mfn-link-7:before {
	background: #855c43;
}
a.mfn-link-6:before {
	border-bottom-color: #855c43;
}

/* Shop buttons */

.woocommerce a.button, .woocommerce .quantity input.plus, .woocommerce .quantity input.minus {
	background-color: #f7f7f7 !important;
	color: #747474 !important;
}
.woocommerce a.button_theme, .woocommerce button.button, .woocommerce input[type="submit"], .woocommerce input[type="reset"], .woocommerce input[type="button"] {
	background-color: #e0c9ac !important;
	color: #fff !important;
}

/* Lists */

.column_column ul, .column_column ol, .the_content_wrapper ul, .the_content_wrapper ol {
	color: #737E86;
}

/* Dividers */

.hr_color, .hr_color hr, .hr_dots span {
	color: #e0c9ac;
	background: #e0c9ac;
}
.hr_zigzag i {
	color: #e0c9ac;
}

/* Highlight section */

.highlight-left:after, .highlight-right:after {
	background: #e0c9ac;
}
@media only screen and (max-width: 767px) {
	.highlight-left .column:first-child, .highlight-right .column:last-child {
		background: #e0c9ac;
	}
}

/************************ Header ************************/

#Header .top_bar_left, .header-classic #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu {
	background-color: #fff;
}
#Top_bar .top_bar_right:before {
	background-color: #e3e3e3;
}
#Header .top_bar_right {
	background-color: #f5f5f5;
}
#Top_bar .top_bar_right a {
	color: #444444;
}
#Top_bar .menu>li>a {
	color: #000;
}
#Top_bar .menu>li.current-menu-item>a, #Top_bar .menu>li.current_page_item>a, #Top_bar .menu>li.current-menu-ancestor>a, #Top_bar .menu>li.current_page_ancestor>a {
	color: #f15a22;
}
#Top_bar .menu>li.hover>a{
	color: #fff;
 }
#Top_bar .menu>li a:after {
	background: #f15a22;
}
.menu-highlight #Top_bar #menu>ul>li.current-menu-item>a, .menu-highlight #Top_bar #menu>ul>li.current_page_item>a, .menu-highlight #Top_bar #menu>ul>li.current-menu-ancestor>a, .menu-highlight #Top_bar #menu>ul>li.current_page_ancestor>a, .menu-highlight #Top_bar #menu>ul>li.hover>a {
	background: #f15a22;
}
#Top_bar .menu>li ul {
	background-color: #F2F2F2;
}
#Top_bar .menu>li ul li a {
	color: #5f5f5f;
}
#Top_bar .menu>li ul li a:hover, #Top_bar .menu>li ul li.hover>a {
	color: #f15a22;
}
#Top_bar .search_wrapper {
	background: #e0c9ac;
}
#Subheader .title {
	color: #888888;
}
#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a {
	color: rgba(136, 136, 136, 0.6);
}



.homescrolli{
	min-width: 1200px;
	height: 100vh !important;
}


@media only screen and (max-width: 767px) {
	.homescrolli{
		height: 70vh !important;

	}
}


/************************ Footer ************************/

#Footer, #Footer .widget_recent_entries ul li a {
	color: #b3aea8;
}
#Footer a {
	color: #f16923;
	text-decoration: none;
}
#Footer a:hover {
	color: #bda67c;
}
#Footer h1, #Footer h1 a, #Footer h1 a:hover, #Footer h2, #Footer h2 a, #Footer h2 a:hover, #Footer h3, #Footer h3 a, #Footer h3 a:hover, #Footer h4, #Footer h4 a, #Footer h4 a:hover, #Footer h5, #Footer h5 a, #Footer h5 a:hover, #Footer h6, #Footer h6 a, #Footer h6 a:hover {
	color: #fff;
}

/* Theme color */

#Footer .themecolor, #Footer .widget_meta ul, #Footer .widget_pages ul, #Footer .widget_rss ul, #Footer .widget_mfn_recent_comments ul li:after, #Footer .widget_archive ul, #Footer .widget_recent_comments ul li:after, #Footer .widget_nav_menu ul, #Footer .widget_price_filter .price_label .from, #Footer .widget_price_filter .price_label .to, #Footer .star-rating span {
	color: #e0ceac;
}

/* Theme background */

#Footer .themebg, #Footer .widget_categories ul, #Footer .Recent_posts ul li .desc:after, #Footer .Recent_posts ul li .photo .c, #Footer .widget_recent_entries ul li:after, #Footer .widget_mfn_menu ul li a:hover, #Footer .widget_product_categories ul {
	background-color: #e0ceac;
}

/* Grey */

#Footer .Recent_posts ul li a .desc .date, #Footer .widget_recent_entries ul li .post-date, #Footer .tp_recent_tweets .twitter_time, #Footer .widget_price_filter .price_label, #Footer .shop-filters .woocommerce-result-count, #Footer ul.product_list_widget li .quantity, #Footer .widget_shopping_cart ul.product_list_widget li dl {
	color: #a8a8a8;
}

.footerlist{
}
.footerlist>li{
	border-bottom: 2.9px #999 dotted;
	list-style-type: none !important;
}
.footerlist>li>a{
	color: #b3aea8 !important;
}
.footerlist>li>a:hover{
	color: #f16923 !important;
}

.jello-vertical:hover {
	-webkit-animation: jello-vertical 0.9s both;
	        animation: jello-vertical 0.9s both;
}


@-webkit-keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}


/************************ Sliding Top ************************/

#Sliding-top, #Sliding-top .widget_recent_entries ul li a {
	color: #b3aea8;
}
#Sliding-top a {
	color: #e0ceac;
}
#Sliding-top a:hover {
	color: #bda67c;
}
#Sliding-top h1, #Sliding-top h1 a, #Sliding-top h1 a:hover, #Sliding-top h2, #Sliding-top h2 a, #Sliding-top h2 a:hover, #Sliding-top h3, #Sliding-top h3 a, #Sliding-top h3 a:hover, #Sliding-top h4, #Sliding-top h4 a, #Sliding-top h4 a:hover, #Sliding-top h5, #Sliding-top h5 a, #Sliding-top h5 a:hover, #Sliding-top h6, #Sliding-top h6 a, #Sliding-top h6 a:hover {
	color: #fff;
}

/* Theme color */

#Sliding-top .themecolor, #Sliding-top .widget_meta ul, #Sliding-top .widget_pages ul, #Sliding-top .widget_rss ul, #Sliding-top .widget_mfn_recent_comments ul li:after, #Sliding-top .widget_archive ul, #Sliding-top .widget_recent_comments ul li:after, #Sliding-top .widget_nav_menu ul, #Sliding-top .widget_price_filter .price_label .from, #Sliding-top .widget_price_filter .price_label .to, #Sliding-top .star-rating span {
	color: #e0ceac;
}

/* Theme background */

#Sliding-top .themebg, #Sliding-top .widget_categories ul, #Sliding-top .Recent_posts ul li .desc:after, #Sliding-top .Recent_posts ul li .photo .c, #Sliding-top .widget_recent_entries ul li:after, #Sliding-top .widget_mfn_menu ul li a:hover, #Sliding-top .widget_product_categories ul {
	background-color: #e0ceac;
}

/* Grey */

#Sliding-top .Recent_posts ul li a .desc .date, #Sliding-top .widget_recent_entries ul li .post-date, #Sliding-top .tp_recent_tweets .twitter_time, #Sliding-top .widget_price_filter .price_label, #Sliding-top .shop-filters .woocommerce-result-count, #Sliding-top ul.product_list_widget li .quantity, #Sliding-top .widget_shopping_cart ul.product_list_widget li dl {
	color: #a8a8a8;
}

/************************ Shortcodes ************************/


/* Blockquote */

blockquote, blockquote a, blockquote a:hover {
	color: #444444;
}

/* Image frames &amp; Google maps &amp; Icon bar */

.image_frame .image_wrapper .image_links {
	background: rgba(224, 201, 172, 0.8);
}
.image_frame .image_wrapper .image_links a {
	color: #fff;
}
.image_frame .image_wrapper .image_links a:hover {
	background: #fff;
	color: #e0c9ac;
}

/* Sliding box */

.sliding_box .desc_wrapper {
	background: #e0c9ac;
}
.sliding_box .desc_wrapper:after {
	border-bottom-color: #e0c9ac;
}

/* Counter &amp; Chart */

.counter .icon_wrapper i {
	color: #e0c9ac;
}

/* Quick facts */

.quick_fact .number {
	color: #e0c9ac;
}

/* Progress bar */

.progress_bars .bars_list li .bar .progress {
	background-color: #e0c9ac;
}

/* Icon bar */

a:hover.icon_bar {
	color: #e0c9ac !important;
}

/* Content links */

a.content_link, a:hover.content_link {
	color: #e0c9ac;
}
a.content_link:before {
	border-bottom-color: #e0c9ac;
}
a.content_link:after {
	border-color: #e0c9ac;
}

/* Get in touch &amp; Infobox */

.get_in_touch, .infobox {
	background-color: #e0c9ac;
}
.column_map .google-map-contact-wrapper .get_in_touch:after {
	border-top-color: #e0c9ac;
}

/* Timeline &amp; Post timeline */

.timeline_items li h3:before, .timeline_items:after, .timeline .post-item:before {
	border-color: #e0c9ac;
}

/* How it works */

.how_it_works .image .number {
	background: #e0c9ac;
}

/* Trailer box */

.trailer_box .desc .subtitle {
	background-color: #e0c9ac;
}

/* Icon box */

.icon_box .icon_wrapper, .icon_box a .icon_wrapper {
	color: #e0c9ac;
}
.icon_box:hover .icon_wrapper:before, .icon_box a:hover .icon_wrapper:before {
	background-color: #e0c9ac;
}

/* Clients */

ul.clients.clients_tiles li .client_wrapper:hover:before {
	background: #e0c9ac;
}
ul.clients.clients_tiles li .client_wrapper:after {
	border-bottom-color: #e0c9ac;
}

/* List */

.list_item.lists_1 .list_left {
	background-color: #e0c9ac;
}
.list_item .list_left {
	color: #e0c9ac;
}

/* Features list */

.feature_list ul li .icon i {
	color: #e0c9ac;
}
.feature_list ul li:hover, .feature_list ul li:hover a {
	background: #e0c9ac;
}

/* Tabs, Accordion, Toggle, Table, Faq */

.ui-tabs .ui-tabs-nav li.ui-state-active a, .accordion .question.active .title>.acc-icon-plus, .accordion .question.active .title>.acc-icon-minus, .faq .question.active .title>.acc-icon-plus, .faq .question.active .title, .accordion .question.active .title {
	color: #e0c9ac;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
	background: #e0c9ac;
}
table tr:hover td {
	background: #e0c9ac;
}

/* Pricing */

.buttonhg:hover{
	background: url("../images/navigation.gif") center center no-repeat;

}
.buttonhg2{
	background: url("../images/rectangle-button.gif") center top no-repeat;

}.buttonhg2:hover{
	background: url("../images/rectangle-button.gif") center bottom no-repeat;

}



.columnfloat{
	width: 50%;
	display: block;
	box-sizing: border-box;
}
.rightfloat{
	float: right;
}
.leftfloat{
	float: left;
}

.clr{
	clear: both;
}

@media only screen and (max-width: 767px) {
	.columnfloat {
		width: 100%;
	}
}




.bgfloat{
	background: url(../images/dont-click-clients.gif);
	position: absolute;
	top: 1250px;
	left: 100px;
	width: 150px;
	height: 150px;
	z-index: 10;
}
.bgfloat2{
	background: url(../images/dont-click-team.gif);
	position: absolute;
	top: 750px;
	right: 200px;
	width: 150px;
	height: 150px;
	z-index: 10;
}





/* Pricing */

.pricing-box .plan-header .price sup.currency, .pricing-box .plan-header .price>span {
	color: #e0c9ac;
}
.pricing-box .plan-inside ul li .yes {
	background: #e0c9ac;
}
.pricing-box-box.pricing-box-featured {
	background: #e0c9ac;
}

.clientframe{
	background: url(../images/clients/clientframe.gif); 
	background-position: top center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important; 
	width: 350px !important; 
	height: 350px !important;
}


@media only screen and (max-width: 767px) {
	.clientframe {
    width: 280px !important;
    height: 280px !important;
    margin: 0 auto;
}
}

.clientframe:hover{
	background-position: center bottom !important;

}

.clientframe img{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	
}
.clientframe:hover img{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	
}

.clientssort{
	display: none;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}
#mybtnclients{
	display: block;
	text-align: center;
	padding-bottom: 15px;
}

/* Style the buttons */
.btnclients{
  border: none !important;
  outline: none !important;
  padding: 12px 16px !important;
  background-color: white !important;
  cursor: pointer !important;
}

.btnclients:hover {
  color: #f16923 !important;
}

.btnclients.activeclients {
  color: #f16923 !important;
}



.teamframe{
	background: url(../images/clients/clientframe.gif); 
	background-position: top center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important; 
	width: 325px !important; 
	height: 325px !important;
}

@media only screen and (max-width: 767px) {
.teamframe {
    width: 240px !important;
    height: 200px !important;
    background-position: bottom !important;
}


}

.teamframe:hover{
	background-position: center bottom !important;
}


/************************ animate ************************/


#olsabeer, #olprimshad, #olprimjas, #olshaheen, #olansar, #olvishnu, #olnuzulu, #olshaheer, #olarun, #olnihad, #oladel, #olajith, #olfayis, #olkamal, #olfreeseo{
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.85);
  z-index: 100;
  cursor: pointer;
}

.freeseo{
	position: fixed;
	bottom: 0;
	right: 0;
}

.textteam{
  position: relative;
  top: 30%;
  left: 25%;
  font-size: 50px;
  color: #fff;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

@media only screen and (max-width: 767px) {
	.textteam {
		top: 17%;
		left: 60%;
	}
	.textteam div{
		padding-right: 100px !important; 
	}
}


/************************ Shop ************************/

.woocommerce span.onsale, .shop_slider .shop_slider_ul li .item_wrapper span.onsale {
	border-top-color: #e0c9ac !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	border-color: #e0c9ac !important;
}

/************************ Responsive ************************/

#media100{
	width: 75%;
}

@media only screen and (max-width: 767px) {
	#Top_bar, #Action_bar {
		background: transparent !important;
	}
	#media100 {
		width: 100%;
	}
	.respfloat{
		display: none !important;
	}
	.servicetext{
		padding: 0 !important;
	}
}



/*

|--------------------------------------------------------------------------
|  Additional Styles
|  
|--------------------------------------------------------------------------
|
| 
|
*/


/******************* Background ********************/

html {
	background-color: #fcfbf9;
}
#Wrapper, #Content {
	background-color: #fcfbf9;
}
body:not(.template-slider) #Header_wrapper {
	background-image: url("../images/home_coffee_subheader.jpg");
}

/********************** Font | Family **********************/

body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
	font-family: "Patrick Hand", "Roboto", Tahoma, sans-serif;
	font-weight: 400;
}
#menu>ul>li>a, #header_action_button, #header_cart {
	font-family: "Patrick Hand", Arial, Tahoma, sans-serif;
	font-weight: 400;
}
#Subheader .title {
	font-family: "Droid Serif", Arial, Tahoma, sans-serif;
	font-weight: 400;
}
h1, .text-logo #logo {
	font-family: "Droid Serif", Arial, Tahoma, sans-serif;
	font-weight: 300;
}
h2 {
	font-family: "FunSized", Arial, Tahoma, sans-serif;
	font-weight: 300;
}
h3 {
	font-family: "Droid Serif", Arial, Tahoma, sans-serif;
	font-weight: 300;
}
h4 {
	font-family: "Droid Serif", Tahoma, sans-serif;
	font-weight: 300;
}
h5 {
	font-family: "Roboto", Arial, Tahoma, sans-serif;
	font-weight: 700;
}
h6 {
	font-family: patrick Hand, "Roboto", Arial, Tahoma, sans-serif;
	font-weight: 400;
}
blockquote {
	font-family: "Droid Sans", Arial, Tahoma, sans-serif;
}

/********************** Font | Size **********************/


/* Body */

body {
	font-size: 17px;
	line-height: 22px;
}
#menu>ul>li>a {
	font-size: 23px;
}

/* Headings */

h1, #Subheader .title, .text-logo #logo {
	font-size: 25px;
	line-height: 25px;
}
h2 {
	font-size: 42px;
	line-height: 42px;
}
h3 {
	font-size: 32px;
	line-height: 34px;
}
h4 {
	font-size: 21px;
	line-height: 25px;
}
h5 {
	font-size: 15px;
	line-height: 20px;
}
h6 {
	font-size: 13px;
	line-height: 20px;
}

.titlehome{
	color: #000;
}
.titlehome:hover{
	color: #f16923 !important;
}

.titlehomeser{
	font:75px kbzipadeedoodahmedium;
	color: #000;

}
.titlehomeser:hover{
	color: #f16923;
}

.titlehomeser:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.serhover:hover .titlehomeser{
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
	color: #f16923;
}


@media only screen and (max-width: 768px) {
	.titlehomeser {
		font-size: 45px;
	}

	.titlehome{
		font-size: 45px !important;
		padding-bottom: 0px !important;
	}

	.mainbannerresponsive{
		/*padding-top: 0px !important;*/
		padding-top: 200px !important;
	}
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
/********************** Sidebar | Width **********************/

.with_aside .sidebar.columns {
	width: 23%;
}
.with_aside .sections_group {
	width: 75%;
}
.aside_both .sidebar.columns {
	width: 18%;
}
.aside_both .sidebar-1 {
	margin-left: -79%;
}
.aside_both .sections_group {
	width: 60%;
	margin-left: 20%;
}
html {
	background-image: url(../images/home_coffee_pattern.jpg);
	background-repeat: repeat;
	background-position: center;
	background-attachment: ;
	background-size:
}
h1, h2, h3, h4 {
	font-style: normal;
}
#Wrapper, #Content, #Header_wrapper {
	background-color: #fff;
}
@media only screen and (min-width: 768px) {
	.header-split #Top_bar:not(.is-sticky) {
		position: absolute;
		background-color: transparent
	}
}
#Top_bar:not(.is-sticky) #logo {
	height: 187px;
	line-height: 187px
}
#Top_bar:not(.is-sticky) .menu>li>a span:not(.description) {
	padding: 65px 25px;
	letter-spacing: 1px
}
#Top_bar .menu>li>a {
	font-style: normal;
}
#Top_bar .menu>li>a span:not(.description) {
	border: 0
}
@media only screen and (max-width: 1239px) {
	#Top_bar #menu {
		top: 70px
	}
}
body:not(.template-slider) #Header {
	min-height: 350px
}
#Top_bar .menu>li>a:after {
	background: url(../images/home_coffee_menu_sep.png) no-repeat;
	height: 10px;
	width: 8px;
	left: auto;
	right: -6px !important;
	opacity: 1 !important;
	top: 50% !important;
	margin-top: -4px
}
#Top_bar .menu>li:last-child>a:after {
	opacity: 0 !important
}
.button-stroke a.button, .button-stroke a.tp-button, .button-stroke button, .button-stroke input[type="submit"], .button-stroke input[type="reset"], .button-stroke input[type="button"] {
	border-radius: 0px;
	border-width: 4px;
	font-family: patrick hand;
	font-size: 21px;
	font-weight: 700
}
#Footer .footer_copy {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3)
}
#Footer .widgets_wrapper {
    padding: 100px 0 40px;
}
.footer2000  .teammakkani img{
    
    margin-bottom: 20px;
    width: 200px;
    margin-left: 48px;
}
#Footer .footer_copy a#back_to_top {
	display: none
}
#Footer .footer_copy .copyright {
	margin-bottom: 20px;
	text-align: center;
	width: 100%
}
.copyright>a{
	color: #999 !important;
}
.copyright>a:hover{
	color: #f16923 !important;
}
.counter .number {
	color: #999
}
.progress_icons .progress_icon {
	border-radius: 0 0 12px 12px;
	display: inline-block;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	width: 30px
}
table th, table td {
	border-width: 0 0 1px
}
table tr:first-child td {
	background: none
}
table tr:hover td {
	background: none;
	color: inherit
}
.table_menu td.c1 {
	width: 20%
}
.table_menu td.c2 {
	width: 45%;
	text-align: left
}
.table_menu td.c3 {
	width: 20%
}
.table_menu td.c4 {
	width: 15%
}
.offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title {
	padding-right: 0
}
.offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper {
	text-align: right
}
.skewY-11 {
	-moz-transform: skewX(0deg) skewY(-11deg);
	-webkit-transform: skewX(0deg) skewY(-11deg);
	-o-transform: skewX(0deg) skewY(-11deg);
	-ms-transform: skewX(0deg) skewY(-11deg);
	transform: skewX(0deg) skewY(-11deg)
}
.skewY11 {
	-moz-transform: skewX(0deg) skewY(11deg);
	-webkit-transform: skewX(0deg) skewY(11deg);
	-o-transform: skewX(0deg) skewY(11deg);
	-ms-transform: skewX(0deg) skewY(11deg);
	transform: skewX(0deg) skewY(11deg)
}
#gallery-1 {
	margin: auto
}
#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%
}
#gallery-1 img {
	border: 2px solid #cfcfcf
}
#gallery-1 .gallery-caption {
	margin-left: 0
}

/*
|--------------------------------------------------------------------------
|   Demo Styles
|  
|--------------------------------------------------------------------------
|
| 
|
*/

body.contact #Content, body.content_no_padding #Content {
	padding-top: 0 !important;
}

/* ------------------------------------------- *
 * font awesome 
 * ------------------------------------------- */

.the-icons.span3 {
	float: left;
	width: 25%;
	line-height: 25px;
	padding-bottom: 10px;
	position: relative;
}
.the-icons.span3 [class^="icon-"] {
	color: #3E3E3E;
	font-size: 20px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.the-icons.span3 [class^="icon-"]:hover {
	font-size: 50px;
	background: #fff;
	padding: 10px;
	display: block;
	text-align: center;
	width: 70px;
	height: 50px;
	border: 1px solid #eee;
	top: -25px;
	left: -32px;
	z-index: 2;
}
.the-icons.span3 .i-name {
	padding-left: 40px;
}
@media only screen and min-width: 768px and max-width: 959px {
	.the-icons.span3 {
		width: 33.333%;
	}
}
@media only screen and min-width: 480px and max-width: 767px {
	.the-icons.span3 {
		width: 50%;
	}
}
@media only screen and max-width: 479px {
	.the-icons.span3 {
		width: 100%;

}

/* ------------------------------------------- *
 * demo
 * ------------------------------------------- */


/* sections */

.parallax-video .content_video iframe {
	border: 35px solid #efefef;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.section-border-top {
	border-top: 1px solid rgba0, 0, 0, .08;
}
.notable_works .items_group {
	background: #eaeae8;
}
.notable_works .items_group .fancy_heading h2 {
	margin-bottom: 0;
	padding-top: 40px;
}

/* custom inline add */

.hrmargin_0, p.hrmargin_0, hr.hrmargin_0, div.hrmargin_0, h2.hrmargin_0, h3.hrmargin_0, h4.hrmargin_0, h5.hrmargin_0, h6.hrmargin_0 {
	margin: 0;
}
.hrmargin_b_60, p.hrmargin_b_60, hr.hrmargin_b_60, div.hrmargin_b_60, h2.hrmargin_b_60, h3.hrmargin_b_60, h4.hrmargin_b_60, h5.hrmargin_b_60, h6.hrmargin_b_60 {
	margin: 0 auto 60px;
}
.hrmargin_b_30, p.hrmargin_b_30, hr.hrmargin_b_30, div.hrmargin_b_30, h2.hrmargin_b_30, h3.hrmargin_b_30, h4.hrmargin_b_30, h5.hrmargin_b_30, h6.hrmargin_b_30 {
	margin-bottom: 30px;
}
.hrmargin_b_1, p.hrmargin_b_1, hr.hrmargin_b_1, div.hrmargin_b_1, h2.hrmargin_b_1, h3.hrmargin_b_1, h4.hrmargin_b_1, h5.hrmargin_b_1, h6.hrmargin_b_1 {
	margin: 0 auto 1px;
}
.hrmargin_b_10, p.hrmargin_b_10, hr.hrmargin_b_10, div.hrmargin_b_10, h2.hrmargin_b_10, h3.hrmargin_b_10, h4.hrmargin_b_10, h5.hrmargin_b_10, h6.hrmargin_b_10 {
	margin: 0 auto 10px;
}
.hrmargin_b_7, p.hrmargin_b_7, hr.hrmargin_b_7, div.hrmargin_b_7, h2.hrmargin_b_7, h3.hrmargin_b_7, h4.hrmargin_b_7, h5.hrmargin_b_7, h6.hrmargin_b_7 {
	margin-bottom: 7px;
}
.hrmargin_b_40, p.hrmargin_b_40, hr.hrmargin_b_40, div.hrmargin_b_40, h2.hrmargin_b_40, h3.hrmargin_b_40, h4.hrmargin_b_40, h5.hrmargin_b_40, h6.hrmargin_b_40 {
	margin: 0 auto 40px;
}
.hrmargin_b_40, p.hrmargin_b_20, hr.hrmargin_b_20, div.hrmargin_b_20, h2.hrmargin_b_20, h3.hrmargin_b_20, h4.hrmargin_b_20, h5.hrmargin_b_20, h6.hrmargin_b_20 {
	margin: 0 auto 20px;
}
.hrmargin_b_25, p.hrmargin_b_25, hr.hrmargin_b_25, div.hrmargin_b_25, h2.hrmargin_b_25, h3.hrmargin_b_25, h4.hrmargin_b_25, h5.hrmargin_b_25, h6.hrmargin_b_25 {
	margin: 0 auto 25px;
}
.hrmargin_b_5, p.hrmargin_b_5, hr.hrmargin_b_5, div.hrmargin_b_5, h2.hrmargin_b_5, h3.hrmargin_b_5, h4.hrmargin_b_5, h5.hrmargin_b_5, h6.hrmargin_b_5 {
	margin-bottom: 5px;
}
.hrmargin_b_4, p.hrmargin_b_4, hr.hrmargin_b_4, div.hrmargin_b_4, h2.hrmargin_b_4, h3.hrmargin_b_4, h4.hrmargin_b_4, h5.hrmargin_b_4, h6.hrmargin_b_4 {
	margin-bottom: 4px;
}
.hrmargin_l_26, p.hrmargin_l_26, hr.hrmargin_l_26, div.hrmargin_l_26, h2.hrmargin_l_26, h3.hrmargin_l_26, h4.hrmargin_l_26, h5.hrmargin_l_26, h6.hrmargin_l_26 {
	margin-left: 26px;
}
.hrmargin_b_30, p.hrmargin_b_30, hr.hrmargin_b_30, div.hrmargin_b_30, h2.hrmargin_b_30, h3.hrmargin_b_30, h4.hrmargin_b_30, h5.hrmargin_b_30, h6.hrmargin_b_30 {
	margin: 0 auto 30px;
}
.hrmargin_b_15, p.hrmargin_b_15, hr.hrmargin_b_15, div.hrmargin_b_15, h2.hrmargin_b_15, h3.hrmargin_b_15, h4.hrmargin_b_15, h5.hrmargin_b_15, h6.hrmargin_b_15 {
	margin: 0 auto 15px;
}
.flv_disp_none, div.flv_disp_none, p.flv_disp_none {
	display: none;
}
.flv_viz_hid, div.flv_viz_hid, p.flv_viz_hid {
	visibility: hidden !important;
}
.flv_clear_both, div.flv_clear_both, p.flv_clear_both {
	clear: both
}
.sections_style_0, div.sections_style_0 {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color:
}
.sections_style_1, div.sections_style_1 {
	margin: 0px auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.sections_style_2, div.sections_style_2 {
	padding-top: 60px;
	padding-bottom: 0px;
	background-color:
}
.sections_style_3, div.sections_style_3 {
	padding-top: 60px;
	padding-bottom: 20px;
	background-color:
}
.sections_style_4, div.sections_style_4 {
	padding-top: 40px;
	padding-bottom: 0px;
	background-color:
}
.sections_style_5, div.sections_style_5 {
	padding-top: 70px;
	padding-bottom: 0px;
	background-color:
}
.flv_span_12, span.flv_span_12, div.flv_span_12 {
	padding-top: 12px;
	display: block
}
.flv_list, ul.flv_list {
	float: left;
	width: 46%;
	margin-left: 4%;
	list-style: square;
	line-height: 30px;
}
.flv_list_1, li.flv_list_1 {
	display: inline-block;
	margin: 0 10px;
}
.flv_list_ul_46, ul.flv_list_ul_46 {
	float: left;
	width: 46%;
	margin-left: 4%;
	list-style: square;
	line-height: 27px;
}
.flv_list_ul_10, ul.flv_list_ul_10 {
	display: block;
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
i.flv_icon_color {
	color: #afbcda;
}
ul.flv_line_height_32 {
	line-height: 32px;
}
p.flv_align_right, div.flv_align_right {
	text-align: right;
}
.flv_float_right, div.flv_float_right {
	float: right;
}