/*
Theme Name: TGS
Theme URI: http://ragatalifescience.com
Author: Team
Author URI: https://webx99.com/
Description: 

Version: 14.02.4
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Tags: pharma

*/
body{ background-color:#fff; margin:0; padding:0;line-height:20px; font-size:14px; color:#5c5c5c; font-family:'Montserrat', sans-serif; -ms-word-wrap:break-word; word-wrap:break-word; }
*{ margin:0; padding:0; outline:none;}
img{ border:none; margin:0; padding:0; height:auto; max-width:100%;}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0; max-width:100% !important;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#89c140;}
a:hover{ color:#333;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#484f5e; font-family:'Montserrat', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1{ font-size:32px;}
h2{ font-size:28px;

}
h3{ font-size:26px;
}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
.clear{ clear:both;}
.textwidget select{ width:100%;}
table{ width:100%}
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
img.aligncenter, .aligncenter{ float:none; margin:0 auto 20px auto; padding:5px; border:1px solid #cccccc; text-align:center;}
blockquote{ background:url(images/icon_quote.png) no-repeat 20px 22px; padding:15px 15px 15px 60px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}
.left{ float:left;}
.right{ float:right;}

figcaption,figure{	display: block;}
figure {margin: 1em 0;}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {font-family: monospace, monospace;	font-size: 1em;}
a {	background-color: transparent;	-webkit-text-decoration-skip: objects;}
.postmeta{padding:5px 0 15px; color:#888; }
.postmeta a{color:#999;}
.postmeta a:hover{color:#e74c3c;}
.breadcrumbs{padding:10px 0; margin-bottom:0;}
a:active,
a:hover {
	outline-width: 0;
}
abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}
b,
strong {
	font-weight: inherit;
}
b,
strong {
	font-weight: 700;
}
pre {
	background: #eee;
	font-family: "Montserrat", Courier, monospace;
	font-size: 14px;
	font-size: 0.9375rem;
	line-height: 1.4;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding:20px;
}
dd {
	margin: 0 1.5em 1.5em;
	border-left:4px solid #ccc;
	padding-left:20px;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
dfn {
	font-style: italic;
}
mark {
	background-color: #eee;
	color: #222;
}
small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}
audio,
video {
	display: inline-block;
}

/*
Lists style CSS
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}
ul {list-style: inside none disc;}
ol {list-style: decimal;}

ul li,
ol li {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}
#sitewrapper{ margin:0 auto; background-color:#fff;}

.header-top{ background-color:#333333; color:#fff; text-align:right; line-height: 36px;}


.header-top .left a{color:#fff;}
.header-top .social-icons a{ margin:0; padding:10px 10px 10px 18px; border-left:1px solid #666; font-size:15px; color:#a3a9ab;}
.header-top .social-icons a:hover{ color:#89c140;}
.container{ width:1170px; margin:0 auto; position:relative;}
.pagebanner{ height:280px; overflow:hidden; text-align:center;}
.pagebanner img{ position: relative; background-size:cover; width:100%; height:auto;}

.headerinner, 
.blog .header{ position:relative !important}
.header{width:100%; z-index:999; top:auto; background-color:#fff; position:relative; }
body.home .fixed-header {position:fixed !important; top:0; z-index:999; }
body.home .no-sticky{ position:relative !important; }
body.home .fixed-header .header-top{ display:none;}

.logo{float:left; z-index:999; padding:10px 0;  color:#444;}
.logo h1{font-weight:400; margin:0; line-height:36px; color:#444;}
.logo a{ color:#444;}
.logo span{ color:#444; display:block;}

.hdrright{ padding:20px 0; float:right; width:70%;}
.header .infotitle{ display:none;}

.infobox{ display:inline-block; float:right; margin:0 0 0 5%; text-align:right; text-transform:uppercase;}
.infobox span{ float:right;}
.infobox span b{ display:block; text-align:left; font-weight:300; }
.infobox .fa{ float:left; margin:9px 15px 0 0; width:30px; height:30px; line-height:28px; text-align:center; border: 1px solid #f30004; color: #fc0003; border-radius:50%; font-size:13px;}
.headwidjet{ display:none;}


/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px; display:none;}
.toggle a:hover{color:#ffffff !important;}
/*main menu*/
.mainmenu{ background-color:#128100;}
.headermenu{ padding:0; position:relative; z-index:9999; }
.headermenu ul {margin:0; padding:0; font-family:'Roboto Condensed', sans-serif; font-size:16px; font-weight:500; text-align:center; text-transform:uppercase; }
.headermenu ul li{display:inline-block; position:relative; margin:0;}
.headermenu ul li:last-child{border-right:none;}
.headermenu ul li a{padding:18px 18px; display:block; text-align:center; border-right:1px solid #189204; color:#fff;}
.headermenu ul li ul li{display:block; position:relative; float:none; top:1px; border-bottom:1px solid #9ccc5d;}
.headermenu ul li ul li a{display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;}

.headermenu ul li ul li a:hover, .headermenu ul li ul.sub-menu li.current_page_item a{color:#111;  }
.headermenu ul li a:hover, .headermenu ul li.current_page_item a, .headermenu ul li.current-menu-ancestor a.parent{  color:#d8d7d7; }

.headermenu ul li ul{display:none; z-index:9999999; position:relative; background-color:#89c140;}
.headermenu ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; }
.headermenu ul li:hover ul li ul{display:none; position:relative;}
.headermenu ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;}

section#home_slider{ padding:0; }
#sectiopn-1{ background-color:#fff;padding:50px 0;}
h2.section-title {color:#454545; font:300 36px/40px 'Montserrat',san-serif; text-align: center; }

/* = section first css
-------------------------------------------------------------- */
.page-four-column{ width:23.4%; float:left; margin:0 2% 0 0; padding-right:20px; position:relative; min-height:330px; box-sizing:border-box; text-align:center; box-sizing:border-box; background:url(images/sepbg.jpg) no-repeat right center; }
.page-four-column p{line-height:20px; margin-bottom:20px; }
.page-four-column h3{ font-size:16px; font-weight:400; color:#666; margin:0 0 15px;}
.page-four-column h3 a{color:#666;}
.page-four-column:hover h3{ color:#31cafd;}

.page-four-column .page-thumbbox{ width:140px; height:140px; margin:0 auto; overflow:hidden; border-radius:50%; border:4px solid #ddd;}
.page-four-column .page-thumbbox img { height:auto; min-height:140px; width:100%;}
.page-four-column:hover .page-thumbbox{ border-color:#89c140;}
.page-four-column .page-content { padding:15px 0 0 0;}
.page-four-column.last_column{ background:none; padding-right:0;}

/* = Services section css
-------------------------------------------------------------- */
.pagebutton {background-color:#111;  color:#fff ;display: inline-block; padding:8px 15px; }
.pagebutton:hover{ background-color:#111 ; color:#89c140;}
.ftrarea{ position:relative;}
.pagethumbbox{ width:120px; height:115px; overflow:hidden; border:2px solid #fff; float:left; margin:8px 25px 5px 0;}
.pagethumbbox img{ width:100%; height:auto; min-height:115px; }
.last_column{clear:right; margin-right:0 !important; }
.ReadMore{ background-color:#89c140;  color:#fff ;display: inline-block; padding:8px 15px; border-radius:20px; }
.ReadMore:hover{ background-color:#333;color:#fff ;}

/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ color:#89c140;  text-align:center;  vertical-align:middle; display:inline-block; margin:0; padding:8px; font-size:18px; }
.social-icons br{ display:none;}
.social-icons a:hover{ color:#333;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ width:780px; margin:0; padding:0; float:left;
    
}
.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:15px;}

.boxlayout{ width:1210px; margin:0 auto; background-color:#fff; position:relative; box-shadow:0 -8px 8px #111;}
.fulllayout{ width:100% !important;}
.pagelayout_area{ padding:25px 0;}
.pagelayout_area p{ margin-bottom:20px; line-height:20px;}

.siteblog_listing{ margin-bottom:30px; padding:25px; background-color:#f6f4f4; }
.siteblog_listing h3, h3.single-title{ margin-bottom:5px; font-size:20px;}
.siteblog_listing h3 a{ color:#484f5e;}
.siteblog_listing h3 a:hover{ color:#89c140;}
.siteblog_listing p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#333;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0; font-size:22px; }
.post-thumb{ width:45%; float:left; margin:5px 25px 5px 0;}
.post-thumb img{ width:100%; }

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px; }
aside.widget ul{ list-style:disc; }
h3.widget-title{padding:12px 15px; margin-bottom:5px; color:#fff; border:1px solid #ddd; font-size:18px; background: #f30004;}
#sidebar ul li{ list-style:inside none disc; padding:8px 0 8px 20px; list-style-position:inside; margin:0;}
#sidebar ul li a{ padding:0 0 0 10px; color:#3b3b3b;  display:inline-block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}

#sidebar .search-form{ margin-bottom:20px;}
#sidebar .search-form input.search-field{ background-color:#f0efef; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #89c140; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}

.grid-layout .siteblog_listing{ float:left; width:31.2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 2% 25px 0;}
.grid-layout .siteblog_listing h3{ font-size:18px;}
.grid-layout .siteblog_listing .post-thumb{ width:100%; float:none; margin:0 0 25px; height:200px; overflow:hidden;}

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{background-color:#141618; position:relative; color:#fff;}
.cols-4{width:24%; float:left; margin:0 3% 2% 0; padding:35px 0 20px;  }
.widget-column-2 { width:19%;}
.widget-column-4 { margin-right:0px !important;}
.cols-4 h5{ font-weight:400; font-size:18px; color:#fff; margin-bottom:25px; border-bottom:1px solid #313134; padding-bottom:15px; }
.cols-4 ul{ margin:0; padding:0; list-style:inside disc;}

.cols-4 ul li:last-child {border:none;}
.cols-4 ul li a { color:#fff; font-size:13px; padding-left:10px; }
.cols-4 ul li a:hover, .cols-4 ul li.current_page_item a { color:#89c140; }

.cols-4 a.readmore span{ color:#fff;}
.cols-4 p{ margin-bottom:0;}
.cols-4 h1, .cols-4 h2, .cols-4 h3, .cols-4 h4, .cols-4 h5, .cols-4 h6{color:#fff;}
.phone-no{ margin:0 0 20px; line-height:22px;}
.phone-no a{color:#fff;}
.phone-no a:hover{color:#333;}
.phone-no .fa { margin-right:10px;}
.cols-4 .phone-no p{ margin-bottom:5px;}
.widget-column-2 a{font:400 20px/24px 'Montserrat',san-serif;}

.copyright-wrapper {  background-color:#0a0c0d; position:relative; padding:15px 0;}
.copyright-wrapper a:hover{ color:#fff;}
.copyright-txt { float:left;}
.copyright-txt span{color:#89c140;}
.design-by { float:right;}
.recent-post{ min-height:70px; margin:0 0 15px 0;  border-bottom:1px solid #363e44; padding-bottom:15px;}
.recent-post img{ float:left; width:55px; margin:3px 10px 5px 0; border:2px solid #fff;}
.recent-post h6{ font-size:15px; color:#fff; margin:0 0 5px; font-weight:600; text-transform:none;}
.recent-post h6:hover{color:#89c140;}
.recent-post:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}

/* Buttons */
.button{ background-color:#ff6565; border-bottom:4px solid #e44545; color:#fff; 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;}

/* 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:'Montserrat',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:'Montserrat',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}

.woocommerce .quantity .qty{ padding:7px; border:1px solid #ccc;}
.woocommerce-Price-amount.amount{font-size:14px !important;}
.woocommerce div.product .product_title{ padding-bottom:20px !important;}
.woocommerce div.product form.cart{ margin-top:15px !important;}

/* 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. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:90%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:105%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:80px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#89c140 !important; width:auto; border:none; cursor:pointer; font:18px 'Montserrat',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* Comment Form
=============================== */
h1.screen-reader-text{font:22px 'Montserrat',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Montserrat',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}
body.wp-custom-logo .logo h1{display:none;}

/* Comment styles
---------------------------------- */

ol.commentlist{list-style:none;}
#commentform p{margin:5px 0;}
#commentform label{display:block;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;}
#commentform input#submit{ background-color:#32373a; border:none; padding:8px 15px; color:#fff; display:inline-block; cursor:pointer;}
#commentform input#submit:hover{background:#34c6f6; border-bottom-color:#ccc; color:#fff;}
.form-allowed-tags{display:none;}
ul.errormsg{background:#ffe4e4;}
ul.errormsg li{padding:5px;}
.entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;}
.entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;}
.entry-content table th, .comment-body table th{color:#676767; font:normal 18px Oswald; border-bottom:1px #888 solid;}
.entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;}
.fvch-codeblock:hover .comment-form-url{display:block !important;}
.commentlist, ol.commentlist {list-style:none; box-shadow:0 0 5px #666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; -khtml-box-shadow:0 0 5px #666; margin:10px 0; background-color:#fff; padding:10px 0;}
.commentlist li, ol.commentlist li { list-style:none; background-image:none !important; padding:0px 15px;}
.commentlist li ol li.depth-2, .commentlist li ol li.depth-3, .commentlist li ol li.depth-4, ol.commentlist li ol li.depth-2, ol.commentlist li ol li.depth-3, ol.commentlist li ol li.depth-4 { border-bottom:none;}
.commentlist li.bypostauthor article, ol.commentlist li.bypostauthor article { background:#f9ffe1;}
.commentlist article, .commentlist li.bypostauthor li article, ol.commentlist li.bypostauthor li article { border:none !important; padding:10px; position:relative; background-color:#fff;}
.commentlist li .fn { font-weight:normal; font-size:15px; font-style:normal;}
.commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn { color:#000;}
img.avatar { vertical-align:middle; position:static; display:inline-block;}
.commentlist article a time { display:block; clear:both; padding:5px 0 10px; font-size:11px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; }
.commentlist, ol.commentlist p { font-size:14px;}
.commentlist .reply span, ol.commentlist .reply span { display:none;}
.commentlist .reply a, ol.commentlist .reply a { display:block;	padding:10px; text-align:center; background:#f6f6f6; margin:5px 0; border:1px #ddd solid;}
.comment-author.vcard{display:inline-block; margin-right:15px;}
.comment-list ul.children li.comment{background-image:none; padding-left:5px;}

.header-top .left span {
        color: #89c140;
font-weight: bold;
}

/* = Team Member Part css
-------------------------------------------------------------- */
.teammember-list{width:22.5%; float:left; margin:0 30px 0 0; position:relative; box-sizing:border-box;}
.teammember-list:hover{ cursor:pointer;}
.teammember-list .thumnailbx{ height:310px; overflow:hidden; background-color:#111;}
.teammember-list img{ vertical-align:middle; width:100%; height:auto;}
.teammember-list span.title{ font-weight:400; color:#555; font-size:16px; text-align:center; padding-bottom:12px; margin-bottom:0; position:relative; text-transform:uppercase; }
.teammember-list span.title::after{
 content:"";
 position:absolute;
 width:60px;
 height:2px;
 border-bottom: double #89c140;
 bottom:0;
 left:0;
 right:0;
 margin:auto;
}

.teammember-list cite{ display:block; font-style:normal; margin-top:20px; color:#777; }
.titledesbox{ text-align:center; padding:30px 0; overflow:visible; background-color:#f9f9f9; border-bottom:2px solid #f3f3f3; }
.teammember-list:hover .titledesbox{border-color: #89c140; }

.member-social-icon{ display:none; position:absolute; width:100%; top:30%; text-align:center;}
.member-social-icon a{ margin:0 5px 0 0; text-align:center; display:inline-block; background-color:#fff;color:#4b4a4a; width:35px; height:35px; line-height:32px; border-radius:50%;}
.member-social-icon a:hover{ background-color:#4b4a4a; color:#fff;}

.teammember-list:hover .thumnailbx img{ opacity:0.3;}
.teammember-list:hover .member-social-icon{ display:block;}
/*our project Carousel*/
#projectsection .item{ height:210px; overflow:hidden; background-color:#111; position:relative;}
#projectsection .item img{ height:auto; min-height:210px;}
#projectsection .item span{ position:absolute; left:31%; text-align:center; bottom:30%; z-index:99; background-color:#fff; border-radius:15px; font-weight:600; padding:5px 20px; display:none;}
#projectsection .item:hover img{opacity:0.2;}
#projectsection .item:hover span{ display:block; position:absolute; left:31%; text-align:center; bottom:30%; z-index:99; background-color:#fff; border-radius:15px; font-weight:600; padding:5px 20px; display:inline-block;}

aside.widget, #sidebar .search-form input.search-field {
background-color: #F0EFEF;
    color: #6e6d6d;}



/* = Our Services css
-------------------------------------------------------------- */
#newswraper{ padding-bottom:10px;}
#welcomearea{ position:relative; text-align:center; background-color:#222;  }
.welcomebx{ width:75%; margin:0 auto; z-index:9999; color:#fff;}
.welcomebox{ width:80px; height:80px; border-radius:50%; margin:0 auto 20px; overflow:hidden; border:2px solid #fff;}
.welcomebox img{ width:100%; height:auto; min-height:80px; }
.welcomebx p{ margin-bottom:35px; font-size:15px; line-height:24px;}

.welcomebx h2.section_title{color:#fff;}
.welcomebx h2.section_title::after{background-color:#fff;}



#whoweareasection{ background-color:#f2f1f1;}
.themefeatures{ color:#727272;}
.themefeatures h3{ font-size:28px; margin-bottom:25px;}
.best-featurs{ margin-bottom:20px; padding-bottom:20px;}
.best-featurs h4{ font-size:18px; font-weight:400; margin-bottom:10px; color:#999;}
.best-featurs .fa{ font-size:50px; float:left; margin:10px 35px 25px 0; color:#727272;}
section{ padding:70px 0;}


.one_half {
    width: 48%;
    margin-right: 4%;
}
section img, img {
    max-width: 100%;
    height: auto;
}

.bounceInUp {
-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible !important;
}

.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth {
    float: left;
    margin-bottom: 20px;
    position: relative;
}

/* = Team Member Part css
-------------------------------------------------------------- */
.teammember-list{width:22.5%; float:left; margin:0 30px 0 0; position:relative; box-sizing:border-box;}
.teammember-list:hover{ cursor:pointer;}
.teammember-list .thumnailbx{ height:310px; overflow:hidden; background-color:#111;}
.teammember-list img{ vertical-align:middle; width:100%; height:auto;}
.teammember-list span.title{ font-weight:400; color:#555; font-size:16px; text-align:center; padding-bottom:12px; margin-bottom:0; position:relative; text-transform:uppercase; }
.teammember-list span.title::after{
 content:"";
 position:absolute;
 width:60px;
 height:2px;
 border-bottom: double #89c140;
 bottom:0;
 left:0;
 right:0;
 margin:auto;
}

.teammember-list cite{ display:block; font-style:normal; margin-top:20px; color:#777; }
.titledesbox{ text-align:center; padding:30px 0; overflow:visible; background-color:#f9f9f9; border-bottom:2px solid #f3f3f3; }
.teammember-list:hover .titledesbox{border-color: #89c140; }

.member-social-icon{ display:none; position:absolute; width:100%; top:30%; text-align:center;}
.member-social-icon a{ margin:0 5px 0 0; text-align:center; display:inline-block; background-color:#fff;color:#4b4a4a; width:35px; height:35px; line-height:32px; border-radius:50%;}
.member-social-icon a:hover{ background-color:#4b4a4a; color:#fff;}

.teammember-list:hover .thumnailbx img{ opacity:0.3;}
.teammember-list:hover .member-social-icon{ display:block;}
/*our project Carousel*/
#projectsection .item{ height:210px; overflow:hidden; background-color:#111; position:relative;}
#projectsection .item img{ height:auto; min-height:210px;}
#projectsection .item span{ position:absolute; left:31%; text-align:center; bottom:30%; z-index:99; background-color:#fff; border-radius:15px; font-weight:600; padding:5px 20px; display:none;}
#projectsection .item:hover img{opacity:0.2;}
#projectsection .item:hover span{ display:block; position:absolute; left:31%; text-align:center; bottom:30%; z-index:99; background-color:#fff; border-radius:15px; font-weight:600; padding:5px 20px; display:inline-block;}


/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position:relative;
  overflow:hidden;
  width:100%;
  margin:0 auto;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;  
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
/*.owl-controls{ position: absolute; bottom:-70px; width:100%;}*/
.owl-prev, .owl-next{ position: absolute; width:40px; height:40px; font-size:0; bottom:45%; border-radius:50%;}
.owl-prev{ background:#5c5c5c url(../../images/client-arrow-prev.png) no-repeat center center; left:-4%; }
.owl-next{ background:#5c5c5c url(https://www.gracethemes.com/demo/milestonez/wp-content/themes/milestonez-pro/images/client-arrow-next.png) no-repeat center center; right:-4%;}
.owl-carousel .owl-item h5{ position:absolute; bottom:60%; text-align:center; color:#fff; padding:5px 0; width:100%; margin:0; z-index:999; font-size:16px; text-transform:uppercase; font-weight:600; display:none;}
.owl-carousel .owl-item:hover h5{ display:block;}
.owl-controls .owl-dot{ width:10px; height:10px; background-color:#494949; border-radius:50%; display:inline-block; margin:0 0 0 5px;}
.owl-controls .owl-dot.active{background-color:#ef2e2e;}
.owl-controls .owl-dots{ bottom:-30px; position:absolute; text-align:center; left:0; right:0;}

.pro {
font-weight: bold;
color: #ff0402;
}

.header_right {
    float: right;
    text-align: right;
    width: 70%;
    padding: 20px 0;
}