/*
Theme Name: Organic Pro
Theme URI: https://alexathemes.net/themes/nature-wordpress-theme/
Author: Organic
Author URI: https://www.alexathemes.net/
Description: Organic 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/organic
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: organic
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

Organic Pro WordPress Theme has been created by AlexaThemes(alexathemes.net), 2017.
Organic 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:#707271; font:400 14px/24px 'Roboto Slab'; 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; padding-top:10px!important; }
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 5% 0px; padding:30px 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 4px 'Great Vibes'; color:#5fbd74; text-align:center; padding-bottom:25px; line-height:30px; display:block; margin-bottom:0;}
h3.section_title_small{ font:400 25px 'Roboto Slab'; color:#343434; text-transform:uppercase; text-align:center; padding-bottom:35px; line-height:24px; display:block; margin:0 auto 25px; position:relative; display:table;}
h3.section_title_small span:after { content:'\f18c'; font-family:FontAwesome; position:absolute; left:0; right:0; margin:0 auto; bottom:-12px; color:#5fbd74; font-size:25px;}
.clientsay h3.section_title_small span:after { color:#ffffff;}
h3.section_title_small:after { position:absolute; content:''; width:170px; left:54%; bottom:0; border-bottom:1px solid #e5e5e5;}
h3.section_title_small:before { position:absolute; content:''; width:170px; right:54%; bottom:0; border-bottom:1px solid #e5e5e5;}

/* Header Top Bar CSS */
.header-top{ background-color:#69c082; color:#ffffff; position:relative;}
.header-top .left { padding:8px 0; float:left; font:400 14px/36px 'Roboto Slab';}
.header-top .left .fa { margin-right:10px; color:#ffffff; font-size:15px;}
.header-top .left span { padding:0 20px; position:relative; border-right:1px solid #ffffff;}
.header-top .left span:first-child { padding-left:0;}
.header-top .left span:last-child { border:none;}
.header-top .top-right { float:right; width:16%;}
.header-top .right { float:left; margin-right:10px;}
/* = Search Bar Header = */
.searchbar { float:right; position:absolute; right:0; top:6px;}
.sb-search {position:relative; width:0%; min-width:40px; height:42px; float:right; overflow:hidden; -webkit-transition:width 0.5s; -moz-transition:width 0.5s;transition:width 0.5s; -webkit-backface-visibility:hidden;}
.sb-search-input  {position:absolute; top:0px; right:0; border:none; outline:none; width:100%; height:40px; margin:0; z-index:10; padding:0px 28px 0px 10px;font-family:'Karla'; font-size:14px; color:#ffffff; border:1px solid #ffffff; border-radius:55px; background:#69c082; font-weight:bold;}
.sb-search-input::-webkit-input-placeholder { color:#ffffff;}
.sb-search-input:-moz-placeholder {	color:#ffffff;}
.sb-search-input::-moz-placeholder { color:#ffffff;}
.sb-search-input:-ms-input-placeholder { color:#ffffff;}
.sb-icon-search, .sb-search-submit  { width:34px; height:34px; display:block; position:absolute; right:3px; top:3px; padding:0; margin:0; line-height:34px;text-align:center; cursor:pointer;}
.sb-search-submit {	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter:alpha(opacity=0); /* IE 5-7 */ opacity:0; color:transparent; border:none; outline:none; z-index:-1;}
.sb-icon-search { color:#ffffff; z-index:90; font-size:14px; font-family:FontAwesome; speak:none; font-style:normal; font-weight:normal; font-variant:normal;text-transform:none; -webkit-font-smoothing:antialiased; /*background-color:#69c082;*/ }
.sb-icon-search:before { content:"\f002";}
/* Open state */
.sb-search.sb-search-open{ width:300px;}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {color:#ffffff; z-index:11;}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index:90;}

/*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:15px 0;}
.logo h1{font-weight:700; margin:0px; text-transform:capitalize; line-height:45px;}
.logo a{color:#3a3a3a;}
.tagline, .logo p{ font-family:'Roboto Slab'; font-size:14px; color:#737272; font-weight:400; display:block; text-transform:capitalize;}
.header-right { float:right;}


#slider{  width:100%; margin:0; padding:0; position:relative;}
/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:35px; height:52px; line-height:52px; margin:0; padding:0; color:#ffffff; 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:#343434;}
.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 **/

.sitenav { float:right;}
.sitenav ul {margin:0; padding:0; font-family:'Roboto Slab'; font-size:15px; text-transform:capitalize; 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:53px 15px 25px; margin:0; 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;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a{ color:#69c082;}
.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;}

/* = Leaf Animation Effects = */
.sitenav ul li a:after, .sitenav ul li.current_page_item a:after{text-align:center;position:absolute;font-family:'FontAwesome';font-size:0;line-height:0;left:40%;top:-32px;margin-left:-15px;speak:none;content:"\f299";color:#69c082;text-indent:0!important;-webkit-transform:rotate(130deg);-ms-transform:rotate(130deg);transform:rotate(130deg);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}

.sitenav ul li a:before, .sitenav ul li.current_page_item a:before{text-align:center;position:absolute;font-family:'FontAwesome';font-size:0;line-height:0;left:60%;top:-32px;margin-left:15px;speak:none;content:"\f299";color:#69c082;text-indent:0!important;-webkit-transform:rotate(-130deg);-ms-transform:rotate(-130deg);transform:rotate(-130deg);-webkit-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease;}

.sitenav ul li a:hover:before, .sitenav ul li.current_page_item a:before {left:50%;font-size:20px;line-height:20px;top:26px;margin-left:-15px;margin-bottom:0;z-index:1;-webkit-transform:rotate(350deg);-ms-transform:rotate(350deg);transform:rotate(350deg);-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}

.sitenav ul li a:hover:after, .sitenav ul li.current_page_item a:after {left:calc(50% - 3px);font-size:20px;line-height:20px;margin-left:-5px;top:22px;margin-bottom:0;z-index:1;-webkit-transform:rotate(23deg);-ms-transform:rotate(23deg);transform:rotate(23deg);-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}

.sitenav ul li ul li a:before, .sitenav ul li ul li a:after { content:none !important;}

/* = innerbanner css 
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:337px; overflow:hidden; position:relative;}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto; display:block;}
.entry-header { position:relative; top:40%; 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 { left:0; position:absolute; right:0; bottom:0;}
.crumbs-inner { width:1170px; margin:0 auto; padding:19px 0; background-color:rgba(95,189,116,0.8);}
.breadcrumb { text-transform:uppercase; text-align:center; }
.breadcrumb  ul li{ display:inline-block; margin:0 15px; color:#ffffff; font:400 16px 'Roboto Slab'; text-transform:capitalize;}
.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:21px; position:absolute; right: -20px; top:-2px;}

/* Default Button css
-------------------------------------------------------------- */
a.ReadMore{ font:400 14px/25px 'Roboto Slab'; color:#7aa354; border:1px solid #7aa354; padding:5px 20px; margin-top:25px; text-transform:capitalize; transition:all 0.3s 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; position:relative; -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;}
a.ReadMore:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background-color:#5fbd74; -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.ReadMore:hover:before, a.ReadMore:focus:before, a.ReadMore:active:before{ -webkit-transform:scaleY(1); transform:scaleY(1);}
a.ReadMore:hover, a.ReadMore:focus, a.ReadMore:active { color:#ffffff; border-color:#5fbd74;}
.custombtn{ margin-top:30px;}

a.buttonstyle1{ color:#ffffff; border:2px solid #ffffff; padding:10px 35px; margin:25px 10px 0; font:700 14px 'Roboto Slab'; 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:#ffffff; -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:#5fbd74; border-color:#ffffff}

.button{ color:#5fbd74; background-color:#ffffff; padding:13px 35px; margin:0 10px; text-transform:uppercase; font:700 14px 'Roboto Slab'; 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:#343434; -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;}
.button:hover, .button:focus, .button:active { color:#ffffff;}
.button:hover:before, .button:focus:before, .button:active:before { -webkit-transform:scaleY(1); transform:scaleY(1);}

a.BlogMore{ color:#ffffff; background-color:#5fbd74; padding:10px 20px; margin:20px 0 0 0; text-transform:capitalize; font:400 14px 'Roboto Slab'; 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;}
a.BlogMore:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background-color:#343434; -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.BlogMore:hover, a.BlogMore:focus, a.BlogMore:active { color:#ffffff;}
a.BlogMore:hover:before, a.BlogMore:focus:before, a.BlogMore:active:before { -webkit-transform:scaleY(1); transform:scaleY(1);}

/* = Section First Welcome To Organic CSS
-------------------------------------------------------------- */
.cr-container{ width:100%; height:400px; margin-top:5%;	z-index:100;}
.cr-content-wrapper{ width:100%; height:100%; overflow:hidden;}
.cr-content-container{ display:none; position:relative;	width:100%;	height:100%; display:none; overflow:hidden; -webkit-animation:fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation:fadein 1s; /* Firefox < 16 */ -ms-animation:fadein 1s; /* Internet Explorer */ -o-animation:fadein 1s; /* Opera < 12.1 */ animation:fadein 1s;}
.largeleftimg { width:50%; float:left; position:absolute; z-index:99; background-color:#5fbd74; overflow:hidden;}
.cr-img{ position:relative; width:100%; height:auto; display:block; 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;}
.largeleftimg:hover .cr-img { opacity:0.3; -webkit-transform:scale(1.08); transform:scale(1.08);}
.largeleftimg figcaption::before, .largeleftimg figcaption::after {position:absolute; top:15px; right:15px; bottom:20px; left:15px; content:'';
opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
.largeleftimg figcaption::before {border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; -webkit-transform:scale(0,1); transform:scale(0,1);}
.largeleftimg figcaption::after { border-right:1px solid #ffffff; border-left:1px solid #ffffff; -webkit-transform:scale(1,0); transform:scale(1,0);}
.largeleftimg:hover figcaption::before, .largeleftimg:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.cr-content{ position:relative;	z-index:10; float:right; width:47%; padding-top:20px;}
.cr-content h2{	width:100%; margin-bottom:15px; color:#343434; font:400 20px 'Roboto Slab';}
.cr-thumbs{ position:absolute; right:0;	height:114px; width:47.3%; bottom:0px; z-index:99; overflow:hidden;}
.cr-thumbs div{	float:left; /* Set to absolute each 150px*/	cursor:pointer;	position:relative; display:none; width:130px; height:81px;}
.cr-thumbs img{	display:block; margin:16px 5px 0px 0px; border:4px solid #ffffff;}
.cr-thumbs div.cr-selected{	border-color:#ffffff; background:transparent url(images/triangle.png) no-repeat 50% 5px;}
.cr-thumbs div.cr-selected img{	border-color:#ffffff;}
.cr-nav{display:none;}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* = Section Second Our Services CSS
-------------------------------------------------------------- */
.services { position:relative; text-align:center;}
.services-box { width:19.4%; float:left; background-color:#ffffff; border:1px solid #dbefca; margin:50px 30px 0px 0; padding:30px 20px; text-align:center; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-duration:0.5s; transition-duration:0.5s; -webkit-transition-property:transform; transition-property:transform;}
.services-box#last { margin-right:0;}
.services-box:hover { border-color:#e6e6e6; -webkit-box-shadow:0px 0px 15px 3px rgba(230,230,230,1); -moz-box-shadow:0px 0px 15px 3px rgba(230,230,230,1); box-shadow:0px 0px 15px 3px rgba(230,230,230,1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.ser-thumb { width:125px; height:125px; border-radius:50%; background-color:#5fbd74; margin:0 auto 30px;}
.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 20px 'Roboto Slab'; color:#444444; text-transform:capitalize; 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;}

/* = Section Third Why Choose Organic CSS
-------------------------------------------------------------- */
.whychoose-thumb { float:left; width:32%; }
.whychoose-thumb img { width:100%; height:auto; display:block;}
.whychoose-content { float:right; width:63%; text-align:center; padding-top:70px;}
.whychoose-content h2 { font:700 30px 'Roboto Slab'; color:#444444; margin-bottom:10px; padding-bottom:10px; position:relative;}
.whychoose-content h2 span { color:#5fbd74;}
.whychoose-content h2:after { content:''; position:absolute; width:69px; border-bottom:2px solid #7aa354; left:0; right:0; bottom:0; margin:0 auto;}
.whychoose-box { float:left; width:46%; margin:50px 8% 0px 0;}
.whychoose-box#last { margin-right:0;}
.whybx-icon { width:60px; height:60px; line-height:60px; float:left; background-color:#eeeeee; border:1px solid #7aa354; border-radius:50%; text-align:center; font-size:20px; color:#5fbd74; 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;}
.whybx-content { float:right; width:76%; text-align:left;}
.whybx-content h3 { font:400 17px 'Roboto Slab'; color:#313030; margin-bottom:8px; 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;}
.whychoose-box:hover .whybx-icon { background-color:#7aa354; color:#ffffff;}
.whychoose-box:hover h3 a { color:#7aa354;}

/* = Section Fourth Popular Products CSS
----------------------------------------------------------------*/
.pproducts { position:relative;}
.pproducts .woocommerce ul.products li.product { background-color:#ffffff; text-align:center; padding:10px 15px 50px; width:20%; margin-top:30px; margin-right:28px !important;}
.pproducts .woocommerce ul.products li.product h2, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font:700 20px 'Roboto Slab'; color:$444444; margin-bottom:10px; padding-top:0;}
.pproducts .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { font:700 17px 'Roboto Slab'; color:#444444;}
.pproducts .woocommerce ul.products li.product .button{ color:#7aa354; border:2px solid #7aa354; background:none; padding:8px 20px; margin:20px 0px 0; text-transform:capitalize; font:700 17px 'Roboto Slab'; 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;}
.woocommerce ul.products li.product .button { color:#7aa354; border:2px solid #7aa354; background:none; padding:8px 12px; margin:20px 0px 0; text-transform:capitalize; font:700 17px 'Roboto Slab'; 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;}
.pproducts .woocommerce ul.products li.product .button:before, .woocommerce ul.products li.product .button:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background-color:#444444; -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;}
.pproducts .woocommerce ul.products li.product .button:hover, .pproducts .woocommerce ul.products li.product .button:focus, .pproducts .woocommerce ul.products li.product .button:active, .woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .button:focus, .woocommerce ul.products li.product .button:active { color:#ffffff; border-color:#444444;}
.pproducts .woocommerce ul.products li.product .button:hover:before, .pproducts .woocommerce ul.products li.product .button:focus:before, .pproducts .woocommerce ul.products li.product .button:active:before, .woocommerce ul.products li.product .button:hover:before, .woocommerce ul.products li.product .button:focus:before, .woocommerce ul.products li.product .button:active:before { -webkit-transform:scaleY(1); transform:scaleY(1);}

/* = Section Fifth Our Team Team
----------------------------------------------------------------*/
.our-team { position:relative; text-align:center;}
.teammember-list{width:31%; float:left; margin:40px 40px 0px 0; position:relative; text-align:center;}
.teammember-list:hover{ cursor:pointer;}
.teammember-list .thumnailbx{ position:relative; width:217px; height:217px; margin:0 auto; background-color:#5fbd74; overflow:hidden; border-radius:50%;}
.teammember-list img{ width:100%; height:auto; display:block; border-radius:50%; 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 .thumnailbx img { opacity:0.3; -webkit-transform:scale(1.08); transform:scale(1.08);}
.teammember-list figcaption::after {position:absolute; top:15px; right:15px; bottom:15px; left:15px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; border-radius:50%; border:1px solid #ffffff; -webkit-transform:scale(0,1); transform:scale(0,1);}
.teammember-list:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.teammember-list h3{ font-weight:700; text-transform:uppercase; margin-bottom:15px; padding-bottom:15px; font-family:'Roboto Slab'; font-size:17px; position:relative;}
.teammember-list h3 a { color:#343434;}
.teammember-list h3:after { content:''; position:absolute; width:51px; border-bottom:2px solid #5fbd74; left:0; right:0; bottom:0; margin:0 auto;}
.titledesbox{ padding:25px 10px 10px 10px;}
.member-social-icon{ display:block; }
.member-social-icon a{ margin:20px 10px 0 0px; text-align:center; display:inline-block; border:1px solid #8e8b87; color:#8e8b87; 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:#5fbd74; border-color:#5fbd74;}

/* = Section Sixth CSS What Client Say Testimonial
-------------------------------------------------------------- */
.clientsay { position:relative;}
.clientsay h3.section_title_small { color:#ffffff;}
#clienttestiminials{ padding-bottom:40px;}
.clientsay #clienttestiminials .item { padding:0; margin-top:30px; position:relative;}
.clientsay #clienttestiminials .item .tmdesc { background-color:#ffffff; padding:20px 15px 30px; border-radius:5px;}
.clientsay #clienttestiminials .item .tmiteminner { padding-top:40px;}
.clientsay #clienttestiminials .item p { font:400 14px/25px 'Roboto Slab'; color:#848383;}
.clientsay #clienttestiminials .tmthumb{ width:78px; height:78px; border-radius:50%; float:left; border:3px solid #ffffff;}
.clientsay #clienttestiminials .tmthumb img{ width:78px; height:78px; border-radius:50%;}
.clientsay #clienttestiminials .tmtitle { float:right; text-align:left; width:73%; margin-top:23px;}
.clientsay #clienttestiminials h6{ margin:0px 0 5px; text-transform:capitalize; font-size:20px; 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;}
.triangle { position:relative; background-color:#ffffff; height:auto !important; width:100% !important;}
.triangle:after { content:''; position:absolute; top:100%; left:25px; right:0; width:0; height:0; border-top:solid 15px #ffffff; border-left:solid 13px transparent; border-right:solid 13px transparent;}

/*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:31%; margin:30px 3% 0 0; float:left; text-align:left;}
.news-box.last { margin-right:0;}
.news-box .news-thumb{ position:relative; background-color:#5fbd74; 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:30px 20px; background-color:#f5f5f5;}
.news-box .newsdesc p { line-height:22px;}
.news-box h3{ padding:0; margin-bottom:15px; text-transform:capitalize; line-height:25px;}
.news-box h3 a{ color:#444444;}
h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}

/* ------------------ */
.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:#5fbd74; 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:#f5f5f5; 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:#1d1d1d; position:relative; padding:40px 0 0; color:#c1c0c0; font:400 14px/22px 'Roboto Slab';}
.cols-3{ width:31%; float:left; margin:0 3% 3% 0; position:relative;}
.cols-3 h5{ font-weight:700; margin-bottom:30px; padding-bottom:15px; text-transform:capitalize; margin-top:20px; border-bottom:1px solid #444444;}
.cols-3 ul li { list-style:none; padding:8px 0px; display:block;}
.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 13px "Roboto Slab";}
.cols-3 ul li:first-child { padding-top:0;}
.widget-column-3 { margin-right:0;}

/*footer recent post*/
ul.recent-post{ margin:0px; padding:0px; list-style:none;}
ul.recent-post li{ display:block; line-height:18px; margin-bottom:10px; padding-bottom:15px; min-height:55px; list-style:none;}
ul.recent-post .footerthumb{ width:70px; height:70px; overflow:hidden; float:left; margin:0 15px 0 0;}
ul.recent-post li img { width:100%; height:auto; display:block;}
ul.recent-post li span {font-size:11px;}
.cols-3 ul.recent-post li a {text-decoration:none; padding:0; border:none; display:block; color:#ffffff; font:400 13px 'Roboto Slab'}
ul.recent-post li a:hover { text-decoration:none;}
ul.recent-post li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}

/*footer contact info*/
.contactdetail{ line-height:22px; margin-top:15px;}
.contactdetail .fa{ margin-right:15px; font-size:16px; color:#767d80;} 
.contactdetail p{ margin-bottom:10px;}
.cols-3 .social-icons{ margin-top:20px;}
.cols-3 .social-icons a{ width:36px; height:36px; line-height:36px; margin:0 10px 10px 0; padding:0; color:#ffffff; border:1px solid #ffffff;  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:#444444; background-color:#ffffff; border-color:#ffffff;}
.cols-3 .social-icons .fa { margin-right:0; font-size:16px;}

/* Copyright Wrapper */
.copyright-wrapper { background-color:#000000; position:relative; font:400 14px 'Karla';}
.copyright-inner {padding:20px 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:65%; }
.contact_right{ float:right; width:30%;}
.contact_right .contactdetail { margin-top:0; padding:15px;}



/* --------- 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:#5fbd74;}
/*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:#000000; font-size:16px; }
#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:#c1c0c0; }
#sidebar ul li a:hover{ color:#5fbd74;}
#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:45.2%; 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:#5fbd74; 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:12px !important; display:inline-block; color:#fff; line-height:1; border-radius:3px;}
a.added_to_cart:hover{background:#5fbd74; 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:'Roboto Slab'; color:#444444;}
.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:'Roboto Slab'; color:#444444;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important; text-align:center;}
.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}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color:#5fbd74; color:#ffffff;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color:#343434; color:#ffffff;}
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100% !important;}

/*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;}