/*
Theme Name: Wine Pro
Theme URI: http://www.sktthemes.net/shop/wine-brewery-wordpress-theme/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: Wine Pro is a wine and brewery WordPress theme which is best suited for wine shops, artists, minimal design websites, beer, bars, restaurants, recipes, chefs, cafe, coffee, food etc. Translation ready and is compatible with several SEO, multilingual and contact form apart from portfolio plugins. Simple, white based, elegant and fast theme. Check demo at: http://sktthemesdemo.net/wines/

Version: pro1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: wine-pro
Tags: red,white,gray,black,light,one-column,two-columns,right-sidebar,responsive-layout,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,theme-options,threaded-comments,translation-ready,photoblogging

Wine Pro WordPress Theme has been created by SKT Themes(sktthemes.net), 2016.
Wine 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; line-height:22px; margin:0; padding:0; }
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%; height:auto;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:700; text-transform:uppercase; }
h1{ font-size:40px; font-family: Caviar Dreams!important;
    text-shadow: 1px 1px 1px #6b6b6b;}
h2{ font-size:30px;}
h3{ font-family: Candara!important;
    font-size: 24px;
    text-align: center;}
h4{ font-size:22px;}
h5{ font-size:20px; }
h6{ font-size:14px;}
.left{float:left;}
.right{float:right;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
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:13px; margin-top:4px; margin-bottom:6px; padding:0; height:auto;}
.alignright, img.alignright { display: inline; float: right; margin-left:10px; 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;}
.toggleMenu{display:none;}
section{ padding:80px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+25,184d60+99 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 25%, #184d60 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 25%,#184d60 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 25%,#184d60 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#184d60',GradientType=0 ); /* IE6-9 */
border-top:5px #113f50 solid;
border-bottom:5px #144557 solid;
}

h2.section_title{font-weight:700; text-align:center; margin-bottom:55px; text-transform:uppercase;}
h2.section_title span{font-weight:900; color:#c38346;}
/*Header Info Bar CSS*/
.header-top {width:100%; 
border-bottom: 1px rgb(3, 96, 140) solid;
background: rgba(1,29,38,1);
background: -moz-linear-gradient(left, rgba(1,29,38,1) 0%, rgba(22,75,94,1) 50%, rgba(86,131,148,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,29,38,1)), color-stop(50%, rgba(22,75,94,1)), color-stop(100%, rgba(86,131,148,1)));
background: -webkit-linear-gradient(left, rgba(1,29,38,1) 0%, rgba(22,75,94,1) 50%, rgba(86,131,148,1) 100%);
background: -o-linear-gradient(left, rgba(1,29,38,1) 0%, rgba(22,75,94,1) 50%, rgba(86,131,148,1) 100%);
background: -ms-linear-gradient(left, rgba(1,29,38,1) 0%, rgba(22,75,94,1) 50%, rgba(86,131,148,1) 100%);
background: linear-gradient(to right, rgba(1,29,38,1) 0%, rgba(22,75,94,1) 50%, rgba(86,131,148,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011d26', endColorstr='#568394', GradientType=1 );}
.headerinfo {text-shadow: 1px 1px #053d78; float:left; font-family: Century Gothic!important; font-weight: 700; font-size:1.9em!important; color:#fff; padding:1%; }
.headerinfo .fa{ font-size:18px; margin-right:8px;}
.headerinfo span{ margin-left:25px;}
#slider{ width:100%; margin:0; padding:0; position:relative;}
.logo{float:left;  text-align:left; width:22%; padding:20px 0 15px}
.logo h1{font-weight:600; margin:0px; text-transform:uppercase; font-family: 'Roboto Slab', serif; padding-top:5px;}
.logo h1 span{ color:#c38346; display:inline-block;}
.logo a{color:#000;}
.tagline{ color:#828181; display:block;}
.header_right{ float:right; text-align:right; width:77%;}
.header-top ul li {display:inline-block; margin-right:20px; line-height:44px;}
.header-top ul li ul {display:none;}
.header-top ul li a {color:#fff;}



/* = social icons css
-------------------------------------------------------------- */
#home-social-icons h2.section_title{margin-bottom:65px;}
.social-icons{padding:0; margin:6px;}
.social-icons a{width:auto; height:auto; line-height:44px; margin:0 22px 0 0; padding:0; text-align:center; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#fff;}
.social-icons a:last-child{ margin-right:0;}
.social-icons br{ display:none;}
.header-socialicon {float:right;}
.headerinfo-right {float:right;}
.header-top ul li:last-child {margin-right:0;}

.container{ width:100%; margin:0 auto; position:relative;}

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

.header{width:100%; padding:0;
    background: rgba(1,29,38,1)!important;}
.sitenav{ padding:0; position:relative; z-index:9999; }
.sitenav ul {margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:500;}
.sitenav ul li{display:inline-block; text-transform:uppercase; position:relative;}
.sitenav ul li:last-child{border-right:none;}
.sitenav ul li a{padding:37px 15px 37px 15px; display:block; text-align:center;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:0; border-bottom:1px #e7e6e6 solid;}
.sitenav ul li ul li a{display:block; padding:10px 10px; position:relative; top:1px; text-align:center;}

.sitenav ul li ul{display:none; z-index:9999999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:215px; position:absolute; left:0; text-align:left;
    -webkit-box-shadow: 3px 5px 10px 3px #011d26;
    box-shadow: 3px 5px 10px 3px #011d26;
 background: rgba(78,124,141,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(78,124,141,1) 0%, rgba(36,87,106,1) 51%, rgba(14,57,72,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(78,124,141,1)), color-stop(51%, rgba(36,87,106,1)), color-stop(100%, rgba(14,57,72,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(78,124,141,1) 0%, rgba(36,87,106,1) 51%, rgba(14,57,72,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(78,124,141,1) 0%, rgba(36,87,106,1) 51%, rgba(14,57,72,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(78,124,141,1) 0%, rgba(36,87,106,1) 51%, rgba(14,57,72,1) 100%);
background: radial-gradient(ellipse at center, rgba(78,124,141,1) 0%, rgba(36,87,106,1) 51%, rgba(14,57,72,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7c8d', endColorstr='#0e3948', GradientType=1 );}
.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:1px;}
/* = innerbanner css 
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:287px; overflow:hidden;}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto;}

/* = header top sign in  css 
-------------------------------------------------------------- */

/*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%;}
/* = section first css
-------------------------------------------------------------- */

/*services section css*/
#pagearea{ background-color:#432a1c; padding:80px 0;}
.leftwrap{ width:20%; float:left; margin:0 20px 0 0;}
.leftwrap h2{font-size:26px;}
.leftwrap p{ margin-bottom:25px; font:400 14px/22px 'Roboto', sans-serif;}

.rightwrap{ width:74.2%; float:right;}
.rightwrap .threebox{ width:252px; height:296px; float:left; margin:0 30px 0 0; border-radius:5px; border-radius:4px; overflow:hidden; position:relative; background:#9e2247;}
.rightwrap .threebox img{width:100%; height:auto; min-height:296px; margin:0; vertical-align:top;}
.rightwrap .threebox h3{color:#fff; text-transform:uppercase; font:700 14px/24px 'Roboto Slab', serif;}
.rightwrap .threebox .ReadMore { display:table; background:#fff; border-radius:5px; text-transform:uppercase; padding:0 15px; color:#9e2247; position:absolute; bottom:30px; left:0; right:0; margin:auto; font:700 12px/36px 'Roboto';}
.rightwrap .threebox .page-thumbbx { width:100%; height:auto; margin:0; overflow:hidden;}
.threebox-content {display:none;}
.threebox:hover .threebox-content {display:block; position:absolute; top:0; z-index:999; transition:all ease 600ms; padding:25px; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px; height:100%; width:100%; box-sizing:border-box; color:#fff;}
.threebox:hover img {opacity:0.1; transition:ease all 100ms;}
.leftwrap .ReadMore {margin-top:40px; padding:0 35px;}

a.ReadMore{display:inline-block; background-color:#c38346; color:#fff; padding:0 20px; font:normal 14px/36px 'Roboto Condensed'; text-transform:uppercase; -moz- border-radius:5px; -webkit- border-radius:5px; border-radius:5px;}
a.ReadMore:hover{ background-color:#865628; color:#fff; }

#wrapOne {background:#f8f8f8;}
.wrap_one_content {display:table;}
.wrap_one .welcome-thumb { height:360px; width:40%; overflow:hidden; float:right; margin-left:50px;}
.wrap_one .welcome-thumb img{ width:100%; height:auto; min-height:360px; }
.wrap_one p{ margin-bottom:20px;}

/*our services boxes*/
.serviceswrap {display:table; margin:auto; text-align:center;}
.serviceswrap .one_third{ margin-right:55px; width:330px; position:relative;}
.serviceswrap .one_third br { display:none;}
.serviceswrap .one_third img { height:auto; min-height:225px;}
.serviceswrap h2.section_title{ margin-bottom:60px;}
.serviceswrap .one_third h3{ font-weight:400; margin:25px 0 15px 0;}
.serviceswrap .one_third span:hover{ background-color:#865628; color:#fff; }
.services-members{ margin:30px 0 0 0;}
.serviceswrap a.morebutton {display:inline-block; margin-top:40px;}
.serviceswrap .three-box-thumb {display:block; width:100%; height:225px; overflow:hidden;}

.teammember-list p{ font:normal 16px/24px 'Roboto';}
.last { margin-right:0 !important;}
/*background-repeat*/
#wrappfourth, #testimonialswrap{  background-repeat:no-repeat; background-attachment:fixed; background-position: center center; background-size: cover;}

/* = Team Member Part css
-------------------------------------------------------------- */
section#ourteam{ background-attachment:fixed; background-size:inherit; }
.section-teammember { margin:50px -15px 0;}
.teammember-list{width:25%; float:left; margin:0 0 2.9% 0; position:relative; padding:0 15px; box-sizing:border-box;}
.teammember-padding{ padding:0;}
.teammember-content{background:#f7f6f6; padding:9% 10%;}
.team-thumb-icons{ position:relative; background:#9e2247; height:220px; overflow:hidden;}
.team-thumb-icons img {  height:auto; min-height:220px;}
.team-thumb-icons:hover img{ opacity:0.4;}
.team-thumb-icons .member-social-icon{ opacity:0;}
.team-thumb-icons:hover .member-social-icon{ opacity:1;}
.member-social-icon{ position:absolute; bottom:9%; width:100%; text-align:center;}
.member-social-icon a{ margin:0 5px; color:#343434; padding:10px 0; display:inline-block; width:40px; border-radius:100%; background:#fff;}
.teammember-list img{ vertical-align:middle; width:100%; height:auto;}
.teammember-list h4{ text-align:center;  font:normal 18px/22px 'Roboto'; display:table; padding-bottom:20px; margin:0 auto;}
.member-desination{ border-bottom:2px solid #9e2247;  display:inline-block; padding-bottom:10px; margin-bottom:10px;}


/* Latest Post */
#wrappfourth {padding:0;}
#wrappfourth .one_third h3{ color:#fff; font:700 24px 'Roboto Slab'; margin-bottom:30px; text-align:center;}
#wrappfourth .one_third {margin:0; padding:80px 50px; width:366px; box-sizing:border-box; border-right:solid 2px #965568; min-height:495px;}
#wrappfourth .one_third br {display:none;}
.news-section {margin:auto; display:table; width:auto;}
#wrappfourth .one_third.last_column {border:none;}

.threecolumn{color:#fff; vertical-align:top;}
.news-box{ margin-bottom:18px; padding-bottom:15px; border-bottom:1px dashed #805939; min-height:75px;}
.news-box.last { border-bottom:0 ; margin:0 ; padding:0 ;}
.news-box .news-thumb{ float:left; width:25%; height:65px; overflow:hidden; margin:0 20px 0 0;}
.news-box .news-thumb img{ width:100%; height:auto;}
.news { float:right; width:66%; margin:0; line-height:20px;}
.news-box .news p{ margin-bottom:0;}
.news h6{margin-bottom:10px; color:#fff; font-weight:400;}
.news h6:hover{color:#c38346; }

.datebx{ width:67px; height:67px; background-color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#3c3c3c; font:700 24px/45px 'Roboto Condensed'; text-align:center;}
.datebx span{ font-size:12px; font-weight:400; display:block; line-height:0;}
.news-box:last-child{  border-bottom:0 ; margin:0 ; padding:0 ;}

.threecolumn ul{ margin:0; padding:0;}
.threecolumn ul li{ list-style:none; border-bottom:1px dashed #805939; display:block; background:url(images/menu-arrow.png) no-repeat left 15px; padding:11px 0 10px 20px;}
.threecolumn ul li a{ float:left; width:84%;}
.threecolumn ul li h6{ color:#fff; text-transform:none; margin:0;}
.threecolumn ul li h6:hover{ color:#c38346;}
.threecolumn ul li span{ float:right; width:16%; font-size:14px; font-family:'Oswald'; color:#c38346;}
.threecolumn ul li:last-child{ border-bottom:none;} 

/*Offer Section css*/
#offersection .one_half{position:relative; margin-bottom:0;}
#offersection .one_half.last_column{min-height:345px;}
#offersection .one_half a.morebutton{ position:absolute; bottom:0;}
a.morebutton{ background-color:#381305; color:#fff ; padding:10px 20px; font:400 16px/20px 'Roboto'; text-transform:uppercase; display:inline-block;}
a.morebutton:hover{ background-color:#865628; color:#fff; }
#offersection .one_half .offer-thumb { height:346px; overflow:hidden;}
#offersection .one_half .offer-thumb img{width:auto; height:auto; min-height:346px;}
.custombtn{ margin-top:30px;}

#offersection .one_half h2.section_title {margin:0 0 15px 0; text-align:left; font-size:38px;}
#offersection .one_half h2.section_title span {font-weight:700;}
#offersection .one_half h2 {margin:0 0 25px 0; font-size:38px;}
#offersection .one_half h2 span {font-weight:100;}

h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}

.testimonials-wrap{ position:relative;}
.testimonials-wrap .owl-controls, .testimonials-wrap .owl-carousel{ position:inherit;}

.testimonials-wrap .owl-next{ top:3%; right:0;  background:#5c5c5c url(../images/wine-pro/images/client-arrow-next.png) no-repeat center center;}
.testimonials-wrap .owl-prev{ top:3%; right:2.8%; left:inherit;  background:#5c5c5c url(../images/wine-pro/images/client-arrow-prev.png) no-repeat  center center;}
.testimonials-wrap .owl-next:hover{background:#c38346 url(../images/wine-pro/images/client-arrow-next.png) no-repeat center center;}
.testimonials-wrap .owl-prev:hover{background:#c38346 url(../images/wine-pro/images/client-arrow-prev.png) no-repeat  center center;}
.testimonials-wrap h2.section_title{margin-bottom:90px;}

.client-say{ padding:30px; border:solid 2px #fff; position:relative; z-index:1; color:#fff; line-height:20px;}
.say_thumb{ width:139px; height:139px; overflow:hidden; float:left; margin-right:30px;  border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;  }
.say_thumb img{ height:auto; min-height:139px; width:100%; }
.tm_description{ width:63%; float:right; padding:0; height:140px; overflow:auto;}
.tm_description h5{ color:#fff; margin:25px 0 5px 0; text-transform:none; font-weight:400; font-size:17px;}
#testimonialswrap .owl-controls{ display:none;}
#testimonialswrap .morebutton {display:table; margin:50px auto auto;}

.post-thumb{ height:185px; float:left; width:35%; overflow:hidden; margin:0 25px 0 0}
.post-thumb img{ width:100%; height:auto; margin:5px 0 0 0;}

#all-testimonials {margin:0 -20px;}
#all-testimonials .item {float:left; width:46.4%; margin:0 20px 20px;}

/*photo gallery css*/
#home-gallery h2.section_title, #recentposts h2.section_title{ margin-bottom:50px;}
.filter-title{padding-left:7%; padding-bottom:3%; padding-top:4%; float:left;} 
.filter-title h3{ width:100%; padding:6% 9.5% 6%; border-left:8px #fff solid; font:300 18px/100% 'Roboto'; color:#fff; text-transform:uppercase;}
.filter-title h3 span{ color:#c38346; font:bold 28px/30px 'Roboto'; display:block; padding-top:5px;}
.photobooth .filter-gallery { position:relative; margin:0 0 25px; text-align:center; background-color:#262626; }
.photobooth .filter-gallery ul {list-style:none !important; overflow:hidden; }
.photobooth .filter-gallery ul li {font:400 15px/20px 'Roboto',san-serif; display:inline-block; padding:0; width:auto; list-style:none;  cursor:pointer; position:relative;  }
.photobooth .filter-gallery ul li a{  text-transform:uppercase; display:block; padding:15px; color:#fff; border-right:1px solid #383838;}
.photobooth .filter-gallery ul li:last-child a{ border-right:none;}
.photobooth .filter-gallery ul li.current a, .photobooth .filter-gallery ul li a:hover{ color:#c38346; }

.photobooth .gallery ul{list-style:none !important; margin:auto; display:table;}
.photobooth .gallery ul li{width:252px; float:left;  position:relative; margin:0 30px 30px 0; list-style:none; cursor:pointer; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;  border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; background-position:50% 40%; overflow:hidden;}
.photobooth .gallery ul li a { height:270px; overflow:hidden; display:block;}
.photobooth .gallery ul li:hover{ background:url("images/zoom-icon.png") no-repeat 50% 50% ;  }
.photobooth .gallery ul li p {color:#111; margin:0; padding:10px 0; position:absolute; width:100%; display:none; text-align:center; bottom:0; opacity:0.8; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
.photobooth .gallery ul li p span{margin-top:0px; display:block; font-weight:bold;}
.photobooth .gallery ul li strong{color:#fff; margin:0; padding:0; position:absolute; display:none; text-align:center; bottom:0; opacity:0.8; width:100%;}
.photobooth .gallery ul li a img {vertical-align:middle; display:block; width:100%; height:auto; min-height:270px; margin:0;}
.photobooth .gallery ul li:hover img {opacity:0.2;}
.photobooth .gallery ul li:hover p {color:#111; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:0; opacity:0; }
.photobooth .gallery ul li:hover p span {margin-top:20px; display:block;}

/* --------- Pages ------- */
.content-area{ width:1100px; margin:0 auto; padding:50px 0;}
.site-main{ width:720px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:350px; float:right;}
.sidebar-left{ float:left !important;}
.flotRight{ float:right !important;}
/*sidebar css*/
aside.widget{margin-bottom:30px; background-color:#f9f9f9; padding:20px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ background-color:#34c6f6; padding:12px 15px; margin-bottom:1px; color:#fff;}
#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:100%; box-sizing:border-box;}
#sidebar #contactform_main p{ margin-bottom:10px;}

#sidebar ul li{ list-style:none;}
#sidebar ul li a{ font:300 14px/18px "Roboto",sans-serif; background:url(images/sidebar-arrow.png) no-repeat 0 14px; padding:10px 0 10px 20px; color:#3b3b3b; border-bottom:1px dashed #d0cfcf; display:block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child a{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{background:url("../images/footer.png") no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

position:relative; padding:70px 0 0;}
.footer {margin-bottom:7%;}
/* Footer layout 1 */
.cols-1 .widget-column-1 {text-align:center; margin:-30px 0;}
.cols-1 .widget-column-1 ul li {display:inline-block; margin:0 15px;}

/* Footer layout 2 */
.cols-2 .widget-column-1 {margin-right:60px;}
.cols-2 .widget-column-1, .cols-2 .widget-column-2 {float:left; width:47.2%;}

/* Footer layout 2 */
.cols-3 .widget-column-1, .cols-3 .widget-column-2 {margin-right:40px;    margin-left: 10px;}
.cols-3 .widget-column-1, .cols-3 .widget-column-2, .cols-3 .widget-column-3 {float:left; width:30.9%;}

/* Footer layout 4 */
.cols-4{margin:0; position:relative;}
.cols-4 .widget-column-1, .cols-4 .widget-column-2, .cols-4 .widget-column-3 {margin-right:50px;}  
.cols-4 .widget-column-1 {float:left; width:225px;}
.cols-4 .widget-column-2 {float:left; width:160px;}
.cols-4 .widget-column-3 {float:left; width:250px;}
.cols-4 .widget-column-4 {float:left; width:315px; margin-right:0; }
.footer h5{ font-weight:400; margin-bottom:25px; text-transform:uppercase; border-bottom: 5px solid #ecd106; padding-bottom:25px;}
.footer h5 span{ color:#c38346;}
.footer a.readmore span{ color:#fff;}
.footer ul li a{ background:url(images/footer-arrow.png) no-repeat left 8px; color:#fff; padding:2px 0 2px 20px; display:block;}
.footer ul li a:hover, .footer ul li.current_page_item a{ color:#c38346; background:url(images/footer-arrow-active.png) no-repeat left 8px;}


.phone-no{ line-height:22px;} 
.phone-no span { color:#c38346;}
.footer .parastyle{ margin-bottom:0;}
.footer p{ font-family: Century Gothic;font-size: 1.3em;color:#fff;}
.copyright-wrapper { background-color:#252525; position:relative; padding:20px 0;}
.copyright-txt{text-align:center;}
.design-by{float:right;}
.content-area .recent-post h6{ color:#454545;}

/*footer recent post*/
div.recent-post{ margin:0px; padding:0px; list-style:none;}
div.recent-post { display:block; line-height:18px; padding:0 0 20px 0px; background:none; margin-bottom:20px; border-bottom:#232323 1px dashed; min-height:65px;}
div.recent-post  img { float:left; margin:0 15px 0 0; border:#4c4b4b solid 3px;}
div.recent-post span {font-size:11px;}
div.recent-post a {text-decoration:none; background:transparent;}
div.recent-post  a:hover { text-decoration:none;}
div.recent-post:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}
div.recent-post p{ display:inline; line-height:22px; margin:0;}



/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto',san-serif; color:#d6d6d6;}
.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{ background-color:#f1f1f1; border:1px solid #eed2bb; padding:5px 3px; margin-top:10px; font:13px arial; color:#777777;}
.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], #contactform_main textarea{width:40%; border:1px solid #eed2bb; padding:15px; float:left; margin:0 8px 8px 0;}   
#contactform_main textarea{ width:85.6%; margin-right:0; height:130px;} 
#contactform_main span.capcode{ float:left; padding:13px; border:1px solid #eed2bb; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto', sans-serif; text-transform:uppercase; cursor:pointer; margin-top:10px;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #eed2bb; padding:15px; margin:0 8px 8px 0; }
.wpcf7 form textarea{ margin-right:0; height:130px;} 


/*Reservation form css*/
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ width:90%; background-color:#fff; color:#a0a0a0; border:1px solid #eed2bb; padding:10px 15px; }
.wpcf7 form{ margin-bottom:6px;}
.wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto', sans-serif; text-transform:uppercase; cursor:pointer; width:100%; margin-top:10px;}


iframe{ border:1px solid #ccc; padding:9px; margin-bottom:25px; box-sizing:border-box;} 
.contact_left{ float:left; width:65%; }
.contact_right{ float:right; width:30%;}
.contact_right h3{ margin-bottom:15px;}
.contact_right p{padding:0 25px;}
.contact_right .phone-no {padding:30px 0;}
.post-title{ margin-bottom:0px; font-weight:400;}
.post-title a{ color:#3d3d3d;}
.contact_right .social-icons {padding:0 25px 20px;}
.blog-post-repeat .postmeta{ border-bottom:1px solid #e8e8e8; margin-bottom:15px;}
p.read-more a{font:400 12px/22px 'Roboto', sans-serif;background-color:#ff6565; color:#fff; text-align:center; padding:5px 15px;  display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
p.read-more a:hover { background-color:#34c6f6;}
.blog-post-repeat .post-thumb img{ float:left; margin-right:15px; height:auto;}

/*default css*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 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:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}
h1.entry-title, h1.page-title{padding-bottom:20px; line-height:30px; border-bottom:solid 3px #ff0000; display:table; text-transform:uppercase;}
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:15px;}
input.search-field, .post-password-form input[type=password], .wpcf7 form input[type="submit"]{border:1px #eee solid; padding:8px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:8px 15px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#sidebar .search-field {width:74.5%; margin-right:10px;}

.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;}
.accordion-box h2.active{color:#34c6f6; border-bottom:1px solid #ccc;}

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

.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;}


/* Buttons */
.button, .btnfeatures{ background-color:#ff6565; color:#fff; font:400 14px/22px 'Roboto Condensed', sans-serif; padding:8px 20px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}

.btnfeatures{ background-color:transparent;  border:1px solid #fff; padding:8px 20px; margin-right:20px;}
.btnfeatures:hover{ border-color:#ff6565;}

/*Testimonials List CSS*/
.listing{ margin-bottom:30px;}
.listing .tml_thumb{ width:25%; float:left; margin:0 5% 0 0;}
.listing .tml_thumb img{ width:100%; height:auto; }
.listing .descriptionbx{ width:70%; float:right;}
.listing .descriptionbx h5{ margin-bottom:5px; font-size:16px;}
.listing .descriptionbx span{ margin-bottom:15px; display:block}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
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',san-serif; color:#ff8a00;}
.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',san-serif; color:#ff6d84;}
.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}

/*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:#333333; padding:5px 10px; color:#ffffff; font:15px 'Roboto',san-serif;}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100%;}
.contact_right .phone-no a{color:#333;}
.slider-main{ background: url(images/loading.gif) no-repeat center center; min-height:500px; }
input[type="text"], input[type="tel"], input[type="email"], textarea {padding:4px; width: 95%;
    border: none;
    height: 30px;
    margin: 1%;
background: #0b829a;
    color: #fff;
    font-family: Century Gothic;}

#message{
padding: 4px;
    width: 95%;
    border: none;
    height: 115px;
    margin: 1%;
color: #fff;
    font-family: Century Gothic;
    background: #0b829a;}


input::-webkit-input-placeholder {
  color: #000;
font-family:Century Gothic;
}
input:-moz-placeholder {
  color: #000; 
font-family:Century Gothic;
}
input:-ms-input-placeholder { 
font-family:Century Gothic;
  color: #000; 
}

textarea::-webkit-input-placeholder {
  color: #000;
font-family:Century Gothic;
}
textarea:-moz-placeholder {
  color: #000; 
font-family:Century Gothic;
}
textarea:-ms-input-placeholder { 
font-family:Century Gothic;
  color: #000; 
}
button{background: #ecd106;
    color: #2e6679;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    width: 25%;
font-weight: 700;
    height: 40px;
       font-size: 1.5em;
    border: none;
    font-family: Century Gothic;}
button:hover{
background: #141414;
    color: #fff;}
.cirugia{
text-shadow: 1px 1px #053d78;
 font-family: Century Gothic;
    font-weight: 700;
    font-size: 1.9em;
    margin-top: 5%;
    color:#fff;
}
.footer2 h4{font-weight: 400;
    color: #fff;
    border-bottom: 1px solid #ecd106;
    text-transform: uppercase;
    padding-bottom: 11px;}

.menu-item:hover{background:#edd30c;}
.mejs-container{width:auto!important;    -webkit-border-radius: 20px;
    border-radius: 20px;}

.wp-video-shortcode video, video.wp-video-shortcode, .mejs-container .mejs-controls{    -webkit-border-radius: 20px;
    border-radius: 20px;}
.mejs-overlay {
    top: -3px!important;
    left: -3px!important;
}
.phone-no span, .phone-no a:hover, .footer h5 span, .widget-column-1 ul li a:hover, .widget-column-1 ul li.current_page_item a, .widget-column-2 ul li a:hover, .widget-column-2 ul li.current_page_item a{color:#fff!important;}
.mejs-container{height: 355px!important;}

.servicio, .servicio2, .servicio3{width: 100%;
    height: 80px;
    margin: 3%;
    -webkit-border-radius: 30px 0;
    border-radius: 30px 0;
    background: rgba(247,230,118,1);
    background: -moz-linear-gradient(left, rgba(247,230,118,1) 0%, rgba(235,214,77,1) 34%, rgba(235,211,52,1) 52%, rgba(236,209,6,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247,230,118,1)), color-stop(34%, rgba(235,214,77,1)), color-stop(52%, rgba(235,211,52,1)), color-stop(100%, rgba(236,209,6,1)));
    background: -webkit-linear-gradient(left, rgba(247,230,118,1) 0%, rgba(235,214,77,1) 34%, rgba(235,211,52,1) 52%, rgba(236,209,6,1) 100%);
    background: -o-linear-gradient(left, rgba(247,230,118,1) 0%, rgba(235,214,77,1) 34%, rgba(235,211,52,1) 52%, rgba(236,209,6,1) 100%);
    background: -ms-linear-gradient(left, rgba(247,230,118,1) 0%, rgba(235,214,77,1) 34%, rgba(235,211,52,1) 52%, rgba(236,209,6,1) 100%);
    background: linear-gradient(to right, rgba(247,230,118,1) 0%, rgba(235,214,77,1) 34%, rgba(235,211,52,1) 52%, rgba(236,209,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e676', endColorstr='#ecd106', GradientType=1 );}

.servicio p, .servicio2 p, .servicio3 p{ color:#011d26;
font-size:3em;
font-family:Caviar Dreams;
padding-top:5%;}

.servicio:hover, .servicio2:hover, .servicio3:hover{
background: rgba(11,130,154,1);
background: -moz-linear-gradient(left, rgba(11,130,154,1) 0%, rgba(30,139,161,1) 30%, rgba(42,147,168,1) 54%, rgba(102,187,204,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(11,130,154,1)), color-stop(30%, rgba(30,139,161,1)), color-stop(54%, rgba(42,147,168,1)), color-stop(100%, rgba(102,187,204,1)));
background: -webkit-linear-gradient(left, rgba(11,130,154,1) 0%, rgba(30,139,161,1) 30%, rgba(42,147,168,1) 54%, rgba(102,187,204,1) 100%);
background: -o-linear-gradient(left, rgba(11,130,154,1) 0%, rgba(30,139,161,1) 30%, rgba(42,147,168,1) 54%, rgba(102,187,204,1) 100%);
background: -ms-linear-gradient(left, rgba(11,130,154,1) 0%, rgba(30,139,161,1) 30%, rgba(42,147,168,1) 54%, rgba(102,187,204,1) 100%);
background: linear-gradient(to right, rgba(11,130,154,1) 0%, rgba(30,139,161,1) 30%, rgba(42,147,168,1) 54%, rgba(102,187,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b829a', endColorstr='#66bbcc', GradientType=1 );}

.parrafos{
font-size:1.5em;
font-family:Century Gothic;
color:#082c39;
text-align:justify;}
.especialidad{
    border: 3px #154759 solid;
    padding: 2%;}
.trayectoria{-webkit-border-radius: 200px 200px 200px 200px;
border-radius: 200px 200px 200px 200px;
float: left;
    padding: 2%;
    height: 400px;}
.parrafos_accordion{
font-size:1.5em;
font-family:Century Gothic;
text-align:justify;
color:#000;}

#foogallery-gallery-1028.fiv-custom > .fiv-inner, #foogallery-gallery-1028.fiv-custom > .fiv-inner > .fiv-ctrls > .fiv-prev, #foogallery-gallery-1028.fiv-custom > .fiv-inner > .fiv-ctrls > .fiv-next{
background: rgba(117,147,158,1);
background: -moz-linear-gradient(top, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(117,147,158,1)), color-stop(51%, rgba(36,85,102,1)), color-stop(100%, rgba(6,43,54,1)));
background: -webkit-linear-gradient(top, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
background: -o-linear-gradient(top, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
background: -ms-linear-gradient(top, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
background: linear-gradient(to bottom, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75939e', endColorstr='#062b36', GradientType=0 );}

#foogallery-gallery-1032.fiv-custom > .fiv-inner, #foogallery-gallery-1032.fiv-custom > .fiv-inner > .fiv-ctrls > .fiv-prev, #foogallery-gallery-1032.fiv-custom > .fiv-inner > .fiv-ctrls > .fiv-next{
background: rgba(117,147,158,1);
background: -moz-linear-gradient(top, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(117,147,158,1)), color-stop(51%, rgba(36,85,102,1)), color-stop(100%, rgba(6,43,54,1)));
background: -webkit-linear-gradient(top, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
background: -o-linear-gradient(top, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
background: -ms-linear-gradient(top, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
background: linear-gradient(to bottom, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75939e', endColorstr='#062b36', GradientType=0 );}

#foogallery-gallery-1043.fiv-custom > .fiv-inner, #foogallery-gallery-1043.fiv-custom > .fiv-inner > .fiv-ctrls > .fiv-prev, #foogallery-gallery-1043.fiv-custom > .fiv-inner > .fiv-ctrls > .fiv-next{
background: rgba(117,147,158,1);
background: -moz-linear-gradient(top, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(117,147,158,1)), color-stop(51%, rgba(36,85,102,1)), color-stop(100%, rgba(6,43,54,1)));
background: -webkit-linear-gradient(top, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
background: -o-linear-gradient(top, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
background: -ms-linear-gradient(top, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
background: linear-gradient(to bottom, rgba(117,147,158,1) 0%, rgba(36,85,102,1) 51%, rgba(6,43,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75939e', endColorstr='#062b36', GradientType=0 );}

.links a{color:#082c39;}
.links a:hover{color:#082c39;font-weight:800;}

.morado:hover{color:#372db9;}

.azul {color:#0018ff;}
.azul:hover{color:#575757;}


.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: #03c5ec;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: static;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.gris:hover{ color:#00abcd!important; }
.popup{    color: #fff;
    font-family: Century Gothic;
    font-size: 1.5em;
    text-align: justify;
    margin: 0 20%;
}

.footer2 img{
    width: 14%;}

#cirugia_general h1, #cirugia_vascular h1, #cirugia_laparoscopica h1{
color: #ffe30b;
    text-align: center;
   text-shadow: 1px 1px 1px rgb(5, 44, 58);
}


.mejs-container{
background-color:#1c5063!important;
}