/*
Theme Name: Bootstrap Basic
Theme URI: http://rundiz.com
Author: Vee Winch
Author URI: 
Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy. You can support theme author by <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9HQE4GVV4KTZE" target="donate">donate</a>. To follow what was changed, please look for <a href="https://github.com/Rundiz/bootstrap-basic" target="commits">commits</a> of this theme at Github.
Version: 1.0.13
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: bootstrap-basic
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

*/


/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* 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. */
}


/************** Change Design Css *********************/

@font-face {
	font-family: 'Arial';
	src: url('./fonts/ArialMT.eot');
	src: url('./fonts/ArialMT.eot?#iefix') format('embedded-opentype'),
		
		url('./fonts/ArialMT.woff') format('woff'),
		url('./fonts/ArialMT.ttf') format('truetype'),
		url('./fonts/ArialMT.svg#ArialMT') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Arial';
	src: url('./fonts/Arial-Black.eot');
	src: url('./fonts/Arial-Black.eot?#iefix') format('embedded-opentype'),
		
		url('./fonts/Arial-Black.woff') format('woff'),
		url('./fonts/Arial-Black.ttf') format('truetype'),
		url('./fonts/Arial-Black.svg#Arial-Black') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Tahoma';
	src: url('./fonts/Tahoma.eot');
	src: url('./fonts/Tahoma.eot?#iefix') format('embedded-opentype'),
		
		url('./fonts/Tahoma.woff') format('woff'),
		url('./fonts/Tahoma.ttf') format('truetype'),
		url('./fonts/Tahoma.svg#Tahoma') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Tahoma';
	src: url('./fonts/Tahoma-Bold.eot');
	src: url('./fonts/Tahoma-Bold.eot?#iefix') format('embedded-opentype'),
		
		url('./fonts/Tahoma-Bold.woff') format('woff'),
		url('./fonts/Tahoma-Bold.ttf') format('truetype'),
		url('./fonts/Tahoma-Bold.svg#Tahoma-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Arial';
	src: url('./fonts/Arial-BoldMT.eot');
	src: url('./fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
		
		url('./fonts/Arial-BoldMT.woff') format('woff'),
		url('./fonts/Arial-BoldMT.ttf') format('truetype'),
		url('./fonts/Arial-BoldMT.svg#Arial-BoldMT') format('svg');
	font-weight: bold;
	font-style: normal;
}


@font-face {
	font-family: 'Arial Narrow';
	src: url('./fonts/ArialNarrow.eot');
	src: url('./fonts/ArialNarrow.eot?#iefix') format('embedded-opentype'),
	
		url('./fonts/ArialNarrow.woff') format('woff'),
		url('./fonts/ArialNarrow.ttf') format('truetype'),
		url('./fonts/ArialNarrow.svg#ArialNarrow') format('svg');
	font-weight: normal;
	font-style: normal;
}



body{margin:0; padding:0;font-family: Tahoma, Arial, Helvetica, sans-serif;}

*{margin:0; padding:0;}

img{max-width:100%;}

/****** header Design Start Css **********/

header.header {background: #2b9bd3; width: 100%; display: block;padding: 0 0 25px 0;position: relative; }

header.header:after {content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 23px; background: #e4e4e4; border-bottom: 2px solid #cacaca; box-shadow: 0 8px 11px 0 rgba(220, 220, 220,0.9); bottom: 0;}

/*** top menu Design css ***/

header.header .main-navigation .navbar-default {margin: 0 !important; background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; min-height: auto !important; }

header.header .main-navigation .navbar-default .collapse.navbar-collapse {border: none !important; padding: 0 !important; }

header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap { background: none !important;}

header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li > a {padding: 0 !important; height: auto !important; min-height: auto !important; line-height: normal !important; color: #fff !important; font-family: 'Arial' !important; font-weight: bold !important; font-size: 13px !important;letter-spacing: -1px !important;padding: 11px 12px !important;}

header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li > a:hover, header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li > a:focus, header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li.mega-toggle-on > a{background:transparent !important; color:#EEE !important;} 

header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li > ul.mega-sub-menu { background: #2b9bd3 !important;width: 200px !important;border-bottom: 1px solid #ccc !important;} 

.top-background {padding: 0 0 0; background: url(./img/header-bgr.jpg); background-repeat: no-repeat; background-position: center top; position: relative; height:67px; background-size: cover; width: 100%;}


/****** Content Design Css ********/

.row-with-vspace { margin-bottom:0;}

.banner {background: #2b9bd3; float: left; width: 100%;position: relative; margin:20px 0 25px 0; }

.home .left-content img{width:auto;}

.left-content img {width:100%; border-right: 3px solid #fff; }

.right-content {position: absolute;right: 0;bottom: 0; }

.right-content h2 {color: #fff; font-weight: bold; font-size: 24px; font-family: Arial, Helvetica, sans-serif; position: absolute; right: 60px; bottom: 0; margin: 0 0 54px 0; line-height: normal;    text-align: center; }

.right-content .more {position: absolute; bottom: 12px; right:30px;background: url(./img/ico-more.gif);background-position: top right;
    width: 12px; height: 11px; background-repeat: no-repeat; }

#main-column .post, #main-column .page {border: none; padding: 0; margin: 0; }

h2 {color: #5399d3; font-size: 15.6px; margin: 0 0 .5em; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; }

p {color: #7a7a7a; line-height: 18px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 18px 0;    float: left;
    width: 100%; }

.home-content {margin: 0 0 20px 0; float: left; width: 100%; }

footer.entry-meta { display: none;}



/****** About US Design Css ********/

.about-us .banner, .energy .banner, .witsml .banner, .logistics .banner, .software-system .banner, .trading .banner, .internet .banner, .design-services .banner, .software-development .banner, .technolgy-consulting .banner, .staff-outsourcing .banner, .technology .banner, .community .banner, .work .banner, .support .banner, .investors .banner{background: none;}

.about-us .banner .inner-bac, .energy .banner .inner-bac, .witsml .banner .inner-bac, .logistics .banner .inner-bac, .software-system .banner .inner-bac, .trading .banner .inner-bac, .internet .banner .inner-bac, .design-services .banner .inner-bac, .software-development .banner .inner-bac, .technolgy-consulting .banner .inner-bac, .staff-outsourcing .banner .inner-bac, .technology .banner .inner-bac, .community .banner .inner-bac, .work .banner .inner-bac, .support .banner .inner-bac, .investors .banner .inner-bac{ margin-top: 0; padding: 30px 27px 0 21px; background:url(./img/centercol-bgr.jpg);background-repeat: no-repeat; background-size: contain; overflow: hidden;}

.about-us .right-content, .energy .right-content, .witsml .right-content, .software-development .right-content, .technology .right-content, .community .right-content, .work .right-content, .support .right-content, .investors .right-content{position:absolute;right: 27px;top:30px; bottom:0;background:#2b9bd3;}

.no-gutter .inner-bac > [class*=" col-"],
.no-gutter .inner-bac > [class*=" col-"] {padding-left: 0;}

.padding-content {float: left; width: 100%; padding: 0 20px; }



/******* Sidebar Design Css **********/

div#sidebar-right .widget_ultimate_posts {border: none; padding: 0; overflow: visible; float: left; width: 100%;    margin: 0; }

div#sidebar-right h1.widget-title{color: #215a93; font-size: 15px !important; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: normal;position: relative; padding: 0 0 23px 0;margin: 0 0 10px 0;float: left;width: 100% }

div#sidebar-right h1.widget-title:after {content: ""; position: absolute; bottom: 0; width: 100%; left: 0; right: 0; background: #2b9bd3 url(./img/ico-more.gif) no-repeat ; height: 23px;    background-position:96% 50%; }

div#sidebar-right .widget_ultimate_posts article h4.entry-title { margin: 0; color: #215a93; font-size:11.52px; font-weight: bold;font-family: Tahoma, Arial, Helvetica, sans-serif;}

div#sidebar-right .widget_ultimate_posts article time.published {font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; }

div#sidebar-right .widget_ultimate_posts article .entry-meta {margin: 0; }

div#sidebar-right .widget_ultimate_posts article span.sep, div#sidebar-right .widget_ultimate_posts article span.author.vcard {display: none;}

div#sidebar-right .widget_ultimate_posts article p { margin: 0 0 18px 0;}

div#sidebar-right article.widget-html-widget.widget { padding: 0 !important;}

#sidebar-right .widget { padding: 0 !important;overflow: initial !important;}

div#sidebar-right article.widget-html-widget.widget h4 { margin:0 0 3px 0 !important; font-size: 12px; color: #215a93; font-weight: bold;}

div#sidebar-right article.widget-html-widget.widget .highlight-text ul { list-style: none; color: #5399d3; font-size: 12px;padding: 0;}

div#sidebar-right article.widget-html-widget.widget .highlight-text ul li a:hover{color: #5399d3;}

.entry-meta.cust-meta { font-size: 10px; color: #999999;}

.upw-posts .entry-title a {text-decoration: none; color: #215a93; }



/****** Contact us page Design css ********/

.contact .bac-img {float: left; width: 100%; padding: 30px 27px 0 21px; background: url(./img/centercol-bgr.jpg) no-repeat; background-size: contain; margin: 21px 0 0 0;}

.contact .bac-img .content-contact p {margin:37px 0 18px 0; }

.contact .bac-img .content-contact ul {float: left; width: 100%; list-style: none; margin: 0 0 31px 0; font-size: 12px; color: #7a7a7a;line-height: normal; }

.contact .wpcf7 { float: left; width: 100%;    margin:38px 0 66px 0;}

.contact .wpcf7 form.wpcf7-form label {font-size: 12px; font-weight: normal; }

.contact .wpcf7 form.wpcf7-form label span.wpcf7-form-control-wrap { float: left; width: auto; margin: 3px 0 0 0;}

.contact .wpcf7 form.wpcf7-form label span.wpcf7-form-control-wrap input {border: #999999 1px solid; font-size: 13px; padding: 2px; outline: none; font-family: Arial; color: #000; font-weight: normal;width: 70%; }

.contact .wpcf7 form.wpcf7-form p {  margin: 0;}

.contact .wpcf7 form.wpcf7-form label span.wpcf7-form-control-wrap textarea {resize: none; height: 140px; width: 100%; border: #999999 1px solid; font-size: 13px; padding: 2px; outline: none; font-family: Arial; color: #000; font-weight: normal; }

.contact .wpcf7 form.wpcf7-form p input[type="submit"] {border: #999999 1px solid; font-size: 12px; padding: 2px; color: #000; background-color: #ddd; line-height: normal; }

/******* News Design Css *********/

.post-type-archive-news header.page-header { margin: 0;padding: 0;border: none;}

.bac-top {width: 100%; height: 23px; background: #2b9bd3 url(./img/ico-more.gif) no-repeat;   background-position: 98% 50%;margin:20px 0 10px 0;}

.single-news header.entry-header h1.entry-title {color: #215a93; font-size: 15px; font-weight: bold;margin: 18px 0 0 0; padding:33px 0 0 0;position:relative;}

.single-news header.entry-header h1.entry-title:after{content: ""; position: absolute; top: 0; height: 23px; left: 0; right: 0;    background: #2b9bd3 url(./img/ico-more.gif) no-repeat;background-position: 98% 50%; }

.post-type-archive-news main.site-main h1.entry-title {color: #215a93; font-size:11.52px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, 
	sans-serif; margin: 0; }

.post-type-archive-news main.site-main h1.entry-title a{color: #215a93;}

.post-type-archive-news main.site-main .entry-meta.cust-meta { color: #999999; font-size: 10px;}

.single-news article.news {min-height: 450px;}

/****** Energy page Design Css **********/

h4 {color: #215a93; font-size: 12px; font-weight: bold; float: left; width: 100%; margin: 0 0 4px 0; }

.highlight-text {float: left; width: 100%; }

.highlight-text p { color: #5399d3;}


/************ Witsml Page Design css ********/

h3 {float: left; width: 100%; color: #215a93; font-size:14.4px; font-weight: bold;margin: 0 0 12px 0; }

a { color: #5e9fd6;  text-decoration: none;}

a:hover { text-decoration: underline;color: #5e9fd6;}

.witsml .site-main ul { float: left; width: 100%;margin: 0 0 20px 0;}

.witsml .site-main ul li {list-style: none; font-size: 12px; color: #7a7a7a; }




/********** Footer Design Css *************/

footer#site-footer {background: none !important; border: none; padding: 0; }

footer#site-footer .logo { float: left; width: auto;margin: 0 9px 0 0;}

footer#site-footer p { float: none; margin: 0;color: #000; font-size: 12px;}

.footer-copyright {background: url(./img/footer-bgr.jpg); padding: 25px 0 0 17px; background-repeat: no-repeat; background-size: contain; }

.footer-copyright a { color: #5399d3; padding: 0 0 10px 0;}

.footer-copyright a:hover{text-decoration: underline;}



/************************************************  Responsive Design Css ***************************************/

@media (min-width: 1200px) {
  .container {  width: 987px;  }
}

@media (max-width:991px){

div#sidebar-right {margin:30px 0 30px 0; float: left; width: 100%;}

.about-us .right-content, .energy .right-content, .witsml .right-content, .software-development .right-content, .technology .right-content, .community .right-content, .work .right-content, .support .right-content, .investors .right-content{position: initial;right: 0; top: 0;}

.right-content h2{position:initial;margin:20px 0 20px 0;}

.right-content, .right-content h2{position: relative !important;right: 0}

.no-gutter .inner-bac > [class*=" col-"], .no-gutter .inner-bac > [class*=" col-"]{padding:0;}

.about-us .banner .inner-bac, .energy .banner .inner-bac, .witsml .banner .inner-bac, .logistics .banner .inner-bac, .software-system .banner .inner-bac, .trading .banner .inner-bac, .internet .banner .inner-bac, .design-services .banner .inner-bac, .software-development .banner .inner-bac, .technolgy-consulting .banner .inner-bac, .staff-outsourcing .banner .inner-bac, .technology .banner .inner-bac, .community .banner .inner-bac, .work .banner .inner-bac, .support .banner .inner-bac, .investors .banner .inner-bac{padding:30px 20px 0 20px;}

.right-content .more{right: 30px; height: 100%; background-position: 100% 50%;bottom: 0}

.left-content img{border: none;}

.clearfix { display: none;}

.home .left-content img { width: 100%;}

}

@media (max-width:768px){

	.navbar-default .navbar-toggle { display: none;}

	.collapse { display: block;}

	header.header .container{padding:0;}

	#mega-menu-wrap-primary .mega-menu-toggle { background: #2d9bd2 !important; height: 50px !important; line-height: 50px;}

	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-right {float: right; margin-right: 10px; }

	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:before {content: '\f333'; font-family: 'dashicons'; font-size: 33px; margin: 0 0 0 5px; color: #fff; }

	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {content: 'MENU'; color: #fff; float: left; font-size: 17px; }

	header.header:after{height:25px;}

	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { background: #014991;}

	header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li > a{padding:15px 20px !important;letter-spacing: 0 !important;}

	header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li > a:hover{}

	header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li > a:hover, header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li > a:focus, header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li.mega-toggle-on > a, header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li.mega-current_page_item > a, header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li.mega-toggle-on > li.mega-current_page_item a{background: #50b6dc !important;color: #fff !important;}

	header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li.mega-current-menu-ancestor > a{background: #50b6dc !important;color: #fff !important;}

	header.header .main-navigation .navbar-default .collapse.navbar-collapse .mega-menu-wrap ul.mega-menu li > ul.mega-sub-menu {background: transparent !important; width: 100% !important; border-bottom: none !important; }

	.top-logo .container { padding: 0;width: 100%;}

	.top-logo .logo {float: left; width: 100%; text-align: center;}

	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {transform: scale(0,0); transform-origin:100% 0; visibility: hidden; position: absolute; width: 100%; left: 0; right: 0; transition: 0.5s; opacity: 0; display: initial !important;}

	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{transform:scale(1,1); visibility: visible; z-index: 1; opacity: 1;}
	
	.clearfix{display: none;}

	.top-background{background-position: 100%;background-size: cover;}

	.contact .bac-img{padding-top: 0}

	.contact .wpcf7 form.wpcf7-form label, .contact .wpcf7 form.wpcf7-form label span.wpcf7-form-control-wrap{width:100%;}

	.contact .wpcf7 form.wpcf7-form label span.wpcf7-form-control-wrap input { width: 100%; height: 35px;padding: 0 10px;}

	.contact .wpcf7 form.wpcf7-form p input[type="submit"] { padding: 6px 20px; font-size: 20px; margin-top: 20px;}

}

@media (max-width:730px){

	.home .left-content img, .left-content img{width: 100%; border: none;height: auto}

	.right-content, .right-content h2{position: relative;right: 0}

	.right-content h2{margin:20px 0 20px 0;}

	.right-content .more{position: absolute; right:20px; bottom: 0; height: 100%; background-position: 100% 50%;}
}	


@media (max-width:500px){

	.right-content h2{font-size:19px;}

}