/*
Theme Name: Petlove Pro
Theme URI: https://alexathemes.net/themes/petcare-wordpress-theme/
Author: Petlove
Author URI: https://www.alexathemes.net/
Description: Petlove is an modern, elegant, minimal design aimed at dog boarding and the pet services industries. It’s built with the WordPress platform which makes it easy to use, and it comes with the easy to use options framework which make it easy to customizable. Nicely design theme created for the pets stores and medical clinics fully supported WooCommerce its design along with beautiful multiple blog layouts as well as shop layouts.  This theme is compatible with the latest vesion of WordPress and plugins like woocommerce and contact form 7.  Enjoy the demo here: http://www.live-demo.online/petlove
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: petlove
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,threaded-comments,translation-ready,theme-options

Petlove Pro WordPress Theme has been created by AlexaThemes(alexathemes.net), 2017.
Petlove Pro WordPress Theme is released under the terms of GNU GPL
*/

*{ margin:0; padding:0; outline:none;}
body{ margin:0; padding:0; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; margin:0; padding:0; color:#797979; font:400 14px/24px 'Karla'; background-color:#ffffff;}
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%; height:auto;}
.bypostauthor { margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:bold; }
h1{ font-size:30px; }
h2{ font-size:25px;}
h3{ font-size:20px; line-height:25px;}
h4{ font-size:17px;}
h5{ font-size:16px;}
h6{ font-size:15px;}
.left{float:left;}
.right{float:right;}
blockquote{ background:url(images/icon_quote.png) no-repeat 9% 8px; padding:15px 15px 15px 15px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}
.hr{border-bottom:1px solid #333; height:15px; clear:both;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; }
a:hover{ text-decoration:none; outline:none;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto;}
.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
.toggleMenu{display:none;}
section{ padding:70px 0;}
h2.section_title{ font:700 35px 'Montserrat'; color:#3a3a3a; text-transform:capitalize; text-align:center; padding-bottom:10px; line-height:30px; display:block; margin-bottom:0;}
h5.section_title_small{ font:400 15px 'Karla'; color:#6e6f6c; text-transform:capitalize; text-align:center; padding-bottom:18px; line-height:24px; display:block; margin-bottom:0; position:relative;}
h5.section_title_small:after { position:absolute; content:''; width:30px; border-bottom:2px solid #95cb62; left:0; right:0; bottom:0; margin:0 auto;}

/*Header CSS*/
.header.fixed{ position: fixed; top:0; z-index:999999; padding:14px 25px;}
.header{width:100%; position:relative; background-color:#ffffff;}
.header-inner { width:1170px; margin:0 auto; position:relative;}
.headerinfo { font:600 14px/22px 'Montserrat'; padding:10px 0; }
.logo{float:left;  text-align:left; padding:35px 0 60px;}
.logo h1{font-weight:700; margin: 0px; text-transform:capitalize;}
.logo a{color:#3a3a3a;}
.tagline, .logo p{ font-family:'Karla'; font-size:14px; color:#717171; font-weight:400; display:block; text-transform:capitalize;}
.header-right { float:right; font:700 15px 'Karla'; color:#414141; margin-top:30px;}
.header-right a { color:#414141;}
.header-right a:hover { color:#95cb62;}
.header-right .fa { margin-right:10px; color:#95cb62; font-size:14px; width:36px; height:36px; line-height:36px; border:2px solid #95cb62; border-radius:50%; text-align:center;}
.header-right .fa-phone { font-size:17px;}
.header-right span { padding:5px 20px; position:relative; border-right:1px solid #dbdbdb;}
.header-right span:first-child { padding-left:0;}
.header-right span:last-child { border:none;}

#slider{ width:100%; margin:0; padding:0; position:relative;}
/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:35px; height:46px; line-height:46px; margin:0; padding:0; color:#3a3a3a; display:inline-block; text-align:center; font-size:14px;  vertical-align: middle; position:relative; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.social-icons a:hover { color:#fbcd69;}
.social-icons br{ display:none;}
.container{ width:1170px; margin:0 auto; position:relative;}

/*Toggle menu css*/
.toggle{display: block;}
.toggle a{width:auto; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #444444; padding:10px 25px 10px 15px; margin-top:5px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}

/** Header Navigation **/
.navigation{ padding:0; position:absolute; background-color:#fbcd69; border-radius:55px; width:1170px; margin:0 auto; top:73%; left:0; right:0; z-index:99;}
.sitenav { float:left; padding:0 30px;}
.sitenav ul {margin:0; padding:0; font-family:'Karla'; font-size:14px; font-weight:700; text-transform:uppercase; line-height:normal;}
.sitenav ul li{display:inline-block; position:relative;}
.sitenav ul li.current_page_item a { color:#383838;}
.sitenav ul li a{padding:30px 0px; margin:0 12px; text-align:center; transition:all 0.2s ease 0s; -o-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; display: inline-block;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:0;}
.sitenav ul li ul li a{display:inline-block; position:relative; top:0; text-align:left; padding-top:10px; padding-bottom:10px; margin:0 0 0 17px;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a:hover{ color:#383838;}
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; margin-top:0; padding:5px 0; -moz-animation:fadeInDown .3s ease-in; -webkit-animation:fadeInDown .3s ease-in; animation:fadeInDown .3s ease-in;}
.sitenav ul ul li:hover > ul{display:block; -moz-animation:fadeInLeft .3s ease-in; -webkit-animation:fadeInLeft .3s ease-in; animation:fadeInLeft .3s ease-in;}
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:-5px;}

.searchbar { float:right; position:relative; margin:19px 30px 19px 0;}
.searchbar .search-field { width:233px; height:39px; background-color:#ffffff; border-radius:55px; border:none; float:right; text-transform:uppercase; color:#444444; padding-right:50px;}
.searchbar .search-form input[type="submit"] { position:absolute; padding:0; right:0; background:url(images/search.png) no-repeat center 13px; width:39px; height:39px;}


/* = innerbanner css 
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:355px; overflow:hidden; position:relative;}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto; display:block;}
.entry-header { position:relative; bottom:0; left:0; right:0;}
.innerbanner .entry-header{ position:absolute;}
h1.entry-title{ text-transform:uppercase; padding-bottom:15px; margin-bottom:30px; border-bottom:5px solid #95cd62; display:inline-block; font-weight:600; font-size:30px; color:#ffffff;}
.content-area h1.entry-title { border-bottom:2px solid #3a3a3a; padding-left:0; color:#3a3a3a; display:inline-block;}

/* Breadcrumb */
.breadcrumbs-full { position:relative;}
.crumbs-inner { width:1170px; margin:0 auto; padding:20px 0; background-color:#95cd62;}
.breadcrumb { text-transform:uppercase; text-align:center; }
.breadcrumb  ul li{ display:inline-block; margin:0 15px; color:#ffffff; font:700 14px 'Karla';}
.breadcrumb  ul li a{ position:relative; color:#ffffff; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.breadcrumb  ul li a:hover { color:#fdc800;}
.breadcrumb  ul li a:after{ content:'\f101'; font-family:FontAwesome; font-size:16px; position:absolute; right: -20px; top:-2px;}

/*search form css*/
.searchbox{position:relative; min-width:35px; width:0%; height:40px; float:right; overflow:hidden;padding-left:20px; -webkit-transition: width 0.3s;    -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
.searchbox-input{top:0; right:0;border:0;outline:0;background:#ece8e8;width:100%;height:40px;margin:0;padding:0px 55px 0px 20px;font-size:13px;color:#7f7f7f;}
.searchbox-input::-webkit-input-placeholder{color:#7f7f7f;}
.searchbox-input:-moz-placeholder{color:#7f7f7f;}
.searchbox-input::-moz-placeholder{color:#7f7f7f;}
.searchbox-input:-ms-input-placeholder{color:#7f7f7f;}
.searchbox-icon, .searchbox-submit{width:35px;height:40px;display:block;position:absolute;top:0;font-family:verdana;font-size:22px;right:0;padding:0 !important;margin:0 !important;border:0 !important;outline:0;line-height:40px;text-align:center;cursor:pointer;color:#dcddd8;background:url(images/search-icon.png) no-repeat center center #34c6f6;}
.searchbox-open{ width:40%;}

/* Default Button css
-------------------------------------------------------------- */
a.ReadMore{ font:700 14px/25px 'Karla'; color:#3c3b3b ; padding-bottom:5px; text-transform:uppercase; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; display:inline-block; margin-top:15px; padding:5px 0px; position:relative;}
a.ReadMore:hover{ color:#95cb62;}

.custombtn{ margin-top:30px;}

a.buttonstyle1{ color:#ffffff; background-color:#444444; padding:11px 20px; margin-top:25px; font:700 14px 'Karla'; display:inline-block; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; position:relative;  -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.3s; transition-duration:0.3s; text-transform:uppercase;}
a.buttonstyle1:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background-color:#fbcd69; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50%; transform-origin:50%; -webkit-transition-property:transform; transition-property:transform;  -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}
a.buttonstyle1:hover:before, a.buttonstyle1:focus:before, a.buttonstyle1:active:before{ -webkit-transform:scaleY(1); transform:scaleY(1);}
a.buttonstyle1:hover, a.buttonstyle1:focus, a.buttonstyle1:active { color:#ffffff;}

.button{ color:#ffffff; background-color:#fbcd69; border-radius:29px; padding:13px 35px; text-transform:uppercase; font:700 14px 'Karla'; display:inline-block; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; position:relative;  -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.3s; transition-duration:0.3s;}
.button:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background-color:#222222; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50%; transform-origin:50%; -webkit-transition-property:transform; transition-property:transform;  -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; border-radius:29px}
.button:hover, .button:focus, .button:active { color:#ffffff;}
.button:hover:before, .button:focus:before, .button:active:before { -webkit-transform:scaleY(1); transform:scaleY(1);}

/* = Section First Welcome To Petcare CSS
-------------------------------------------------------------- */
.welcome { position:relative;}
.welcome-box { width:31.6%; float:left; margin:30px 30px 30px 0; text-align:center; position:relative;}
.welcome-box#last { margin-right:0;}
.welthumb { overflow:hidden; position:relative;}
.welthumb img { width:100%; height:auto; display:block;}
.overlay { position:absolute; bottom:0; left:0; right:0; background-color:rgb(149,203,98,0.7); overflow:hidden; width:100%; height:0; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.welcome-box:hover .overlay { height:100%;}
.subtitle { background-color:#f5f4f0; padding:10px 5px;}
.subtitle span { font:400 14px/25px 'Karla'; color:#444444; text-transform:uppercase;}
.triangle { position:relative; background-color:#f5f4f0; height:auto !important; width:100% !important;}
.triangle:after { border-bottom:15px solid #f5f4f0; border-left:13px solid transparent; border-right:13px solid transparent; content:""; height:0; left:0;    margin:0 auto; position:absolute; right:0; top:-15px; width:0;}
.welcontent { padding:30px 15px 0 15px;}
.welcontent h3 { font:700 20px 'Montserrat'; color:#3d3d3d; margin-bottom:15px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.welcome-box:hover h3, .welcome-box:hover a.ReadMore { color:#95cb62;}

/* = Section Second Appointment Form CSS
-------------------------------------------------------------- */
.appoint { position:relative;}
.appoint-left { width:56%; float:left; padding-top:35px;}
.appoint-left h2 { font:700 46px 'Montserrat'; color:#444444; margin-bottom:10px; text-transform:capitalize;}
.appoint-left h3 { font:400 17px 'Montserrat'; color:#929191; padding-bottom:15px; position:relative; text-transform:capitalize; margin-bottom:15px;}
.appoint-left h3:after { content:''; position:absolute; width:70px; border-bottom:2px solid #fbcd69; left:0; bottom:0;}
.appoint-left ul { margin:20px 0 0 0; padding:0;}
.appoint-left ul li { font:700 14px 'Karla'; color:#4e4e4e; float:left; width:45%; margin:10px 20px 10px 0;}
.appoint-left ul li .fa { width:36px; height:36px; line-height:36px; text-align:center; color:#95cb62; font-size:1em; margin-right:15px; background-color:#ffffff; border-radius:50%;}
.appoint-form { width:30%; float:right; background-color:#ffffff; padding:50px 30px 30px; text-align:center;}
.appoint-form h3 { font:70 20px 'Montserrat'; color:#555655; text-transform:uppercase; margin-bottom:35px;}
.appoint-form input[type="text"], .appoint-form input[type="tel"] { border:1px solid #e6e6e6; border-radius:55px; background-color:#f5f4f0; width:90%; height:45px; font:700 14px 'Karla'; color:#000000; padding:10px 15px 10px 25px; margin:0 0 10px 0; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; outline:none;}
.appoint-form input[type="text"]:focus, .appoint-form input[type="tel"]:focus { box-shadow:0 0 5px #fbcd69; border:1px solid #fbcd69;}
.appoint-form input[type="submit"] { border-radius:55px; width:100%; height:65px; margin-top:0; font:700 15px 'Karla'; text-transform:uppercase; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}

/* = Section Third Our Services CSS
-------------------------------------------------------------- */
.services { position:relative; text-align:center;}
.services-box { width:19.6%; float:left; background-color:#fafaf8; margin:50px 30px 0px 0; padding:30px 20px; text-align:center;}
.services-box#last { margin-right:0;}
.ser-thumb { width:90px; height:90px; border-radius:50%; border:3px solid #fbcd69; background-color:#ffffff; margin:0 auto 20px;}
.ser-thumb img { width:auto; height:auto; transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); position:relative; top:50%;}
.services-box h3 { font:700 17px 'Montserrat'; color:#444444; text-transform:uppercase; padding-bottom:20px; position:relative; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.services-box h3:after { content:''; position:absolute; width:36px; border-bottom:2px solid #fbcd69; left:0; right:0; bottom:0; margin:0 auto; }
.services a.button { font:700 15px 'Montserrat'; text-transform:uppercase; padding:18px 27px; margin-top:45px;}

/* = Section Fourth Professional Approach Tab CSS
----------------------------------------------------------------*/
.prof-tab { position:relative;}
#horizontalTab { padding:30px 0;}
.tab-content-left { width:40%; float:left;}
.tab-content-left img { width:100%; height:auto; display:block;}
.tab-content-right { width:55%; float:right; padding-top:50px;}
.tab-content-right h3 { font:700 25px 'Montserrat'; color:#444444; position:relative; padding-bottom:20px;}
.tab-content-right h3:after { content:''; position:absolute; left:0; bottom:0; width:39px; border-bottom:2px solid #95cd62;}
.tab-content-right a { border-bottom:2px solid #3c3b3b; padding-bottom:0;}
.tab-content-right a:hover { border-color:#95cb62;}

/* = Section Fifth Our Team Team
----------------------------------------------------------------*/
.our-team { position:relative; text-align:center;}
.teammember-list{width:46%; float:left; margin:40px 30px 0px 0; position:relative; padding:15px; background-color:#f5f4f0;}
.teammember-list:hover{ cursor:pointer;}
.teammember-list .thumnailbx{ overflow:hidden; position:relative; text-align:center; float:left; }
.teammember-list img{ vertical-align:middle; width:100%; height:auto; display: block; position: relative; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.teammember-list h3{ font-weight:700; text-transform:uppercase; margin-bottom:5px; font-family:'Montserrat'; font-size:18px; }
.teammember-list h3 a { color:#444444;}
.teammember-list cite{ display:block; font-style:normal; font:400 14px 'Karla'; color:#444444; position:relative; margin-bottom:15px; padding-bottom:15px;}
.teammember-list cite:after { content:''; position:absolute; left:0; bottom:0; width:38px; border-bottom:2px solid #95cb62;}
.titledesbox{ padding:35px 0px 0px 25px; overflow:visible; float:right; width:48%; text-align:left;}
.member-social-icon{ display:block; }
.member-social-icon a{ margin:20px 10px 0 0px; text-align:center; display:inline-block; background-color:#ffffff; color:#444444; width:39px; height:39px; line-height:39px; visibility:visible; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; font-size:12px; border-radius:50%;}
.member-social-icon a:hover{ color:#ffffff; background-color:#fbcd69;}
.thumboverlay { position:absolute; bottom:0; left:0; right:0; background-color:rgb(251,205,105,0.7); overflow:hidden; width:100%; height:0; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.teammember-list:hover .thumboverlay { height:100%;}
.our-team a.button { margin-top:50px; text-transform:capitalize; font:700 15px 'Montserrat';}

/* = Section Sixth CSS What Client Say Testimonial
-------------------------------------------------------------- */
.clientsay { position:relative; text-align:center;}
.clientsay .iteminner { background-color:rgb(0,0,0,0.3); padding:20px 20px 30px; width:70%; margin:40px auto 0;}
.clientsay h2.section_title { color:#ffffff;}
.clientsay h5.section_title_small { color:#95cb62;}
.clientsay #clienttestiminials .item { padding:0; margin-top:30px; position:relative;}
.clientsay #clienttestiminials .item .tmdesc { padding:30px 15px;}
.clientsay #clienttestiminials .item p { font:italic 400 15px/20px 'Karla'; color:#ffffff;}
.clientsay #clienttestiminials .tmthumb{ width:73px; height:73px; border-radius:50%; margin:0 auto;}
.clientsay #clienttestiminials .tmthumb img{ width:73px; height:73px; border-radius:50%;}
.clientsay #clienttestiminials .tmtitle {margin-top:20px;}
.clientsay #clienttestiminials h6{ margin:0px 0 5px; text-transform:capitalize; font-size:16px; font-family:'Montserrat'; color:#ffffff; font-weight:700;}
.clientsay #clienttestiminials h6 a{color:#ffffff;}
.clientsay #clienttestiminials span{ font:400 14px 'Karla'; color:#ffffff; display:block;}
.owl-controls { display:none;}

/*testimonials*/
.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 16px/24px 'Montserrat'; color:#333; }
.client-say .timthumb{ width:10%; float:left;}
.client-say .timthumb img{ height:100%; }
.client-say .tm_description{ width:87%; float:right;}
.client-say p{ margin-bottom:30px;}
.client-say h6{ color:#fff; margin:20px 0 0 0; text-transform:none; }

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}

#testimonials-widget h6{ margin-bottom:5px; text-transform:uppercase;}
#testimonials-widget p{ margin-bottom:15px;}


/* = Section Seventh CSS News & Articles
-------------------------------------------------------------- */
.latestnews { position:relative;}
.news-box{ position:relative; width:30%; margin:30px 30px 0 0; float:left; text-align:center;}
.news-box.last { margin-right:0;}
.news-box .news-thumb{ position:relative; background-color:#95cb62; overflow:hidden;}
.news-box .news-thumb img{ display:block; height:auto; width:100%; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.news-box:hover img { opacity:0.3; -webkit-transform:scale(1.08); transform:scale(1.08);}
.news-box .newsdesc { padding:20px 15px;}
.news-box .newsdesc p { line-height:18px;}
.news-box h3{ padding:0px 0 8px; margin-bottom:0; text-transform:capitalize; line-height:25px;}
.news-box h3 a{ color:#444444;}
.news-box h3 a:hover{color:#95cb62;}
.news-box .PostMeta{ font:400 14px 'Karla'; color:#4c4c4b; margin-bottom:8px; text-align:center; display:inline-block;}
.news-box .PostMeta a { text-transform:capitalize; color:#95cb62; font-weight:600;}
.news-box .PostMeta span { color:#95cb62; font-weight:600;}
.PostMeta .post-author { float:left; padding-right:5px; line-height:normal;}
.PostMeta .post-date { float:left; line-height:normal; margin-right:7px; padding-right:7px; border-right:1px solid #a3a3a2; }
.news-event a.button {padding-left:30px; padding-right:30px;}
h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}

.post-category, .post-categories { position:absolute; background-color:#ffffff; border-radius:50px; z-index:99; top:15px; left:15px; padding:7px 20px;}
.post-category a, .post-categories a { font:700 12px 'Montserrat'; color:#95cb62; text-transform:uppercase;}

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

.post-title{ margin-bottom:0px; text-transform:capitalize;}
.post-title a{color:#444444;transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
.blog-post-repeat .postmeta, .blog-post-repeat-full .postmeta{ border-bottom:1px solid #e7e7e7; margin-bottom:15px; color:#444444; display:inline-block;}
.blog-post-repeat{ width:46%; float:left; margin:0px 33px 30px 0; padding-bottom:10px; position:relative;}
.blog-post-repeat a.ReadMore, .blog-post-repeat-full a.ReadMore { margin-top:0;}
.blog-post-repeat .post-thumb, .blog-post-repeat-full .post-thumb{ position:relative; background-color:#95cb62; overflow:hidden;}
.blog-post-repeat .post-thumb img, .blog-post-repeat-full .post-thumb img{ display:block; width:100%; height:auto; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.blog-post-repeat:hover .post-thumb img, .blog-post-repeat-full:hover .post-thumb img{ opacity:0.3; -webkit-transform:scale(1.08); transform:scale(1.08);}
.blog-post-repeat .post-comment, .blog-post-repeat-full .post-comment{ padding-right:5px; margin-right:5px; border-right:1px solid #444444;}
.blog-post-repeat .post-content, .blog-post-repeat-full .post-content { background-color:#f5f4f0; padding:20px 15px 10px; text-align:center;}
.single-post .blog-post-repeat { width:100%; float:none; height:auto; margin-right:0;}
.blog-post-repeat p, .blog-post-repeat-full p { margin-bottom:10px;}
.blog-post-repeat.lastmar { margin-right:0;}
.blog-post-repeat-full { width:31%; float:left; margin:0px 40px 30px 0; padding-bottom:10px; position:relative;}
.blog-post-repeat-full.nomar { margin-right:0;}

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#272727; position:relative; padding:40px 0 0; color:#e2e1e2; font:400 14px/28px 'Karla';}
.cols-3{ width:31%; float:left; margin:0 40px 3% 0; position:relative;}
.cols-3 h5{ font-weight:700; margin-bottom:30px; padding-bottom:15px; text-transform:capitalize; margin-top:20px; position:relative;}
.cols-3 h5:after { content:''; position:absolute; left:0; bottom:0; width:169px; border-bottom:1px solid #95cb62;}
.cols-3 ul li { list-style:none; padding:8px 0px; display:block; border-bottom:1px solid #4d4d4d;}
.cols-3 ul li ul{ display:none;}
.cols-3 ul li a{ color:#e2e1e2; transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; text-transform:uppercase; font:400 14px "Karla";}
.cols-3 ul li span { float:right;}
.cols-3 ul li:first-child { padding-top:0;}
.cols-3 ul li:last-child{ border-bottom:none;}
.widget-column-3 { margin-right:0;}

/*footer contact info*/
.contactdetail{ line-height:22px; margin-top:15px;}
.contactdetail .fa{ margin-right:15px; font-size:16px; color:#c4bec2;} 
.contactdetail p{ margin-bottom:10px;}
.cols-3 .social-icons{ margin-top:20px;}
.cols-3 .social-icons a{ width:31px; height:31px; line-height:33px; margin:0 10px 10px 0; padding:0; color:#929292; border:2px solid #929292; border-radius:50%; display:inline-block; transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; text-align:center;}
.cols-3 .social-icons a:hover{ color:#ffffff; border-color:#fbcd69; background-color:#fbcd69;}
.cols-3 .social-icons .fa { margin-right:0; font-size:14px;}

/* Copyright Wrapper */
.copyright-wrapper { background-color:#1c1c1c; position:relative; font:400 14px 'Karla';}
.copyright-inner {padding:25px 0; width:1170px; margin:0 auto;}
.copyright-txt{float:left; font-weight:500; color:#ffffff;}
.designby{float:right; font-weight:500; color:#ffffff;}

/*= Contact Page CSS =*/
.contact_left{ float:left; width:45%; }
.contact_left h5 { font:italic 400 17px 'Karla'; color:#fbcd69; margin-bottom:10px;}
.contact_left h2 { font:700 30px 'Montserrat'; color:#95cd62; padding-bottom:25px; margin-bottom:25px; position:relative;}
.contact_left h2:after { position:absolute; content:''; left:0; bottom:0; width:80px; border-bottom:2px solid #95cd62;}
.contact_right{ float:right; width:45%; background-color:#272727; padding:0 20px; margin-bottom:30px;}
.contact_right .contactdetail { border-bottom:1px solid #ffffff; padding:20px 0}
.contact_right .contactdetail:last-child { border-bottom:none;}
.contact_right .contact-icon { float:left; width:100px;  text-align:center;}
.contact_right .contact-icon .fa { font-size:50px; color:#95cd62; }
.contact_right .contact-details { float:left; display:inline-block;}
.contact_right .contact-details h3 { margin-bottom:5px; font:400 25px 'Montserrat'; color:#95cd62}
.contact_right .contact-details p, .contact_left p { margin-bottom:5px; font-size:16px;}
.contact-form { padding:50px 0 0 0; }
.contact-form h2 { text-align:center; position:relative; padding-bottom:20px; margin-bottom:40px;}
.contact-form h2:after { position:absolute; content:''; left:0; right:0; bottom:0; width:80px; border-bottom:2px solid #95cd62; margin:0 auto;}



/* --------- Pages ------- */
.content-area{ padding:40px 0 40px;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:300px; float:right;}
.sidebar-left{ float:left !important;}
#sidebar .quotes h6 a { color:#ffffff;}
/*.sidebar-left #sidebar{ width:auto;}*/
.flotRight{ float:right !important;}
.entry-content .photobooth ul.portfoliofilter li a { color:#1b273d;}
.entry-content .photobooth ul.portfoliofilter li a.selected, .entry-content .photobooth ul.portfoliofilter li a:hover { color:#fbcd69;}
/*sidebar css*/
aside.widget{margin-bottom:30px; padding:20px; background-color:#272727; color:#ffffff;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:12px 15px; margin-bottom:-1px; color:#ffffff; background-color:#1c1c1c; font-size:17px; }
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}

#sidebar ul li{ list-style: disc inside ; border-bottom:1px dashed #ffffff; padding:8px 0 8px 0;}
#sidebar ul li a{ font:300 13px/18px "Montserrat";  padding-left:10px; color:#ffffff; }
#sidebar ul li a:hover{ color:#95cb62;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

#sidebar .search-form input.search-field{ border:1px solid #dddddd; border-right:none; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; color:#1c1c1c !important;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #212121; padding: 12px 0 12px 0; font-size:0; width:20%; height:42px; float:right; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}

/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; font:15px 'Montserrat'; color:#444444;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ border:1px solid #cccccc; padding:5px 3px; margin-top:10px; font:13px arial; color:#444444;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url]{width:46.1%; border:1px solid #cccccc; padding:15px; float:left; margin:0 8px 10px 0px; color:#444444;}
#contactform_main input[type=email], #contactform_main input[type=url] { margin-right:0;}   
#contactform_main textarea{ width:95.7%; margin-right:0; height:130px; border:1px solid #cccccc; padding:15px; argin:0 8px 10px 0px; color:#444444;} 
#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:700 16px/24px 'Montserrat'; text-transform:uppercase; cursor:pointer; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; /*margin-top:20px;*/}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #cccccc; padding:10px 15px; margin:0 8px 8px 0; color:#444444;}
.wpcf7 form textarea{ margin-right:0; height:130px;} 
iframe{ width:100%; display:block;}

/*default css*/
.error_msg{padding:10px; background:#5747cb; color:#ffffff; border:1px #5747cb solid; margin:15px 0;}
.success_msg{padding:10px; background:#5747cb; color:#ffffff; border:1px #5747cb solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#444444; color:#ffffff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#fbcd69; color:#ffffff;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:20px;}
input.search-field, .post-password-form input[type=password], .wpcf7 form input[type="submit"]{border:1px #ffffff solid; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:10px 40px; cursor:pointer; }

.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}
.customtab{ margin-top:0px;}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);	clip:auto !important; color:#21759b;	display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px;	line-height:normal; padding:15px 23px 14px; text-decoration:none;	top:5px; width:auto; z-index:100000; /* Above WP toolbar. */}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#444444; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#fbcd69; color:#ffffff;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Montserrat'; color:#fbcd69;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Montserrat'; color:#fbcd69;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100%;}

/*post nav css*/
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
/*back to top css*/
#top{ position:relative;}
#back-top {	position: fixed; bottom: 0px; right:10px;}
#back-top a {width:64px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase; text-decoration: none;color: #bbb;/* background color transition */ -webkit-transition:1s; -moz-transition:1s; transition:1s;}
#back-top span {width:64px;height:62px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center;/* background color transition */ -webkit-transition:1s; -moz-transition:1s; transition:1s; opacity:0.7;}
.slider-main{ min-height:498px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000}
.boxlayout .container{ padding:0 20px;}