/*
Theme Name: USF
Theme URI: #
Author: DevRavi
Author URI: #
Description: It is the best free multi-purpose WordPress theme that is perfect to showcase your fantastic works and skills in an attractive way, no matter you are a photographer, web design agency partner, business owner, studio originator, freelancer, nonprofit organization founder, lawyer, creative designer or any other people who likes an all-in-one solution to create a unique, sophisticated and appealing online presence with ease. It comes in line with the latest design trend of one page style as well as the Parallax scrolling effect which is all the rage these years that brings the visual impact to your visitors by fascinating animations when they are scrolling the page. The theme has a water-tight compatibility of all modern mobile devices and superb portfolio functionality that you can rest assured of your content and readability. Besides the all-round, highly customizable, minimalistic and elegant homepage design, This also provides a stylish blog page with a professional looking and tons of amazing flexible features. Stop searching for a WordPress theme to build up your next project from thousands of themes available now, This will surely be just the ticket to help you stand out from the crowd in all cases.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: usf
Tags: one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, rtl-language-support, sticky-post, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Basic Setup
2.0 Home Slider
3.0 Navigation
4.0 HomePage Sections
	4.1 About Us Section
	4.2 Main Features Section
	4.3 Counter Section
	4.4 Services Section
	4.5 Portfolio Section
	4.6 Our Skills Section
	4.7 Our Team Section
	4.8 Twitter Feed Section
	4.9 Pricing Section
	4.10 Testimonial Section
	4.11 Latest Posts Section
	4.12 Contact Section
5.0 Blog Page
	5.1 Post Pagination
	5.2 Widgets
6.0 Single Blog Page
	6.1 Comment
	6.2 404 Page
7.0 Alignments
8.0 Jetpack for WordPress
	8.1 Infinite scroll
9.0 Media
	12.1 Captions
	12.2 Galleries
10.0 Footer
--------------------------------------------------------------*/



.title-no-padding {padding: 0px;}

/*--------------------------------------------------------------
1.0 Basic Setup
--------------------------------------------------------------*/
body {
	background-color: #fff;
	line-height: 1.5;
	color: #002768;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-family: 'Saira', sans-serif;
}

ol, ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

table  {
	margin-bottom: 1.5em;
	width: 100%;
	text-align: center;
}

table th  {
	font-weight: 600;
	text-align: center;
	border-top: 1px solid #4e595f;
	border-bottom: 1px solid #4e595f;
	padding: 10px 5px;
}

table td  {
	border-bottom: 1px solid #4e595f;
	text-align: center; padding: 5px;
	vertical-align: middle;
}

figure {
	margin: 0;
}

a {
	color: #002768;
	-webkit-transition: all .3s ease-in 0s;
	-moz-transition: all .3s ease-in 0s;
	-o-transition: all .3s ease-in 0s;
	transition: all .3s ease-in 0s;
}
.modal.in .modal-dialog{
width: 55%;
margin: 4.8% auto 10px ;
border: 6px solid #b70f0f;
box-shadow: 1px 10px 20px #000;
}
#NewDrawing .modal.in .modal-dialog{
width: 55% !important;
margin: 4.8% auto 10px !important;
}
.modal-header {
text-align: center;
color: #002768;
padding: 0;
border: 0;
min-height: 0;
}
#NewDrawing .modal-header{
text-align: center;
color: #002768;
padding: 0;
border: 0;
min-height: 0;}
.modal-header .close {
margin-top: -20px;
background: #103195;
opacity: 1;
border-radius: 20px;
width: 30px;
height: 30px;
line-height: 1;
text-shadow: none;
color: #fff;
margin-right: -20px;
text-align: center;
font-size: 16px;
padding: 7px;
}
.modal-title {
  font-size: 22px;
}
iframe {
	border: 0;
}
.container {
max-width: 1250px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #002768;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu,
#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-megamenu > ul.mega-sub-menu{margin-left: -600px;border-bottom: 5px solid #002768;
    box-shadow: 0 2px 5px #505050;}
a,
a:focus, a:hover {
	text-decoration: none;
	outline: 0;
}

a:focus,
a:hover {
	color: #3ab1ff;
}

h1, h2, h3, h4, h5, h6 {
	/*font-family: oswald !important;*/
	font-weight: 400;
}

.kill-margin-bottom {
	margin-bottom: 0 !important;
}

.btn {
	-webkit-transition: all .5s ease-in 0s;
	   -moz-transition: all .5s ease-in 0s;
		 -o-transition: all .5s ease-in 0s;
			transition: all .5s ease-in 0s;
}

.btn:focus {
	color: #ddd;
}

.btn-green {
	background-color: #0071BD;
}

.btn-green:focus, 
.btn-green:hover {
	background-color: #38ABF6;
	color: #fff;
}
.btn-transparent {
	border: 1px solid #002768;
	color:#002768;
}

.btn-transparent:focus {
	background-color: transparent;
	border-color: #6cb670;
}

.btn-transparent:hover {
	background-color: #002768;
	border: 1px solid transparent;
	color: #fff;
}
.btn-mt {
    border: 1px solid #002768;
    color: #002768;
    background: transparent;
}
.btn-mt:hover{
    background-color: #002768;
    color: #fff;
}
.btn-black {
    border: 1px solid #555;
    color: #fff;
    background: #555;
}
.btn-black:hover, .btn-black:focus{
    background-color: #002768;
    color: #fff;
}
.btn-view{
    border: 2px solid transparent;
}
.es_subscription_message.success {
  font-size: 16px;
  background: transparent;
  text-align: left;
  float: left;display: block;
}
.es-field-wrap label{
	color: #002768;
	font-weight:500;
}
.es-field-wrap input{
		background-color: #fff;
	border-radius: 0;
	padding: 5px 10px;
	/* border: 0 none; */
	color: #002768;
	display: block;
width: 360px;
height: 34px;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.es_subscription_form_submit{
	color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
}
.es_subscription_message.error {
color: #bf0b30;
font-size: 14px;
display: block;
background: top;
padding-left: 0;
}
.form-control {
	background-color: #fff;
	border-radius: 0;
	padding: 5px 10px;
	/* border: 0 none; */
	color: #333;
}

.form-control:focus {
	box-shadow: 0 0 0;
}

.form-control::-webkit-input-placeholder { /*  Chrome, Safari, Opera  */
	color: #ddd;
}

.form-control:-moz-placeholder { /* Firefox 18- */
	color: #ddd;  
}

.form-control::-moz-placeholder {  /* Firefox 19+ */
	color: #ddd;  
}

.form-control:-ms-input-placeholder {  /*  Internet Explorer  */
   color: #ddd;  
}
#mep_0{
	width: 300px !important;
height: 190px !important;
min-width: 215px;
margin: 0 auto;
}
#mep_0 video.wp-video-shortcode{
	height: 180px !important;
}
#loading-mask {
	background: #f1f1f1;
	height: 100%;
	position: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	top: 0;
	background-position-y: 35px;
	width: 100%;
	z-index: 999999999;
	vertical-align:middle;
}

.loading-img {
	height: 100%;
	left: 0;
	position: fixed;
	top: 50%;
	width: 100%;
}

.border {
	border-top: 1px solid #fff;
	height: 1px;
	margin: 15px auto 0;
	position: relative;
	width: 35%;
}

.border:before {
	background-color: #fff;
	border: 1px ridge #fff;
	content: "";
	height: 10px;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	top: -5px;
	width: 40px;
}

.border-black{border-top: 1px solid #3ab1ff;}
.border-black:before 
{
	background-color: #3ab1ff;
	border: 1px ridge #3ab1ff;
}

.title {
	padding-bottom: 40px;
}

.title h2, .title h3, .feature-desc h2  {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 32px;
	color: #002768;
}

.color, .color-mt {
	color: #002768 !important;
}
.color-white{ 
    color: #fff !important;
}
.bg_mt{
    background: #002768;
}
.sub-title {
	padding: 0;
line-height: 1.4;
text-align: center;
color: #002768;
font-weight: 400;
}

.sub-title > h3 {
	border-left: 3px solid #ddd;
	border-right: 3px solid #ddd;
	display: inline-block;
	padding: 5px 25px;
	text-transform: uppercase;
}

.btn.active:focus, .btn:active:focus, .btn:focus {
	outline: 0;
}

.bg-one {
	background-color: #f1f1f1;
}

.parallax-section {
	background-attachment: fixed !important;
	background-position: center center;
	background-repeat: no-repeat;
	/*background-size: cover;*/
}
.breakthroughs-sec{
background: #bf0b30;
padding: 3px;
box-shadow: 1px 1px 5px #444;
z-index: 9;
}
.breakthroughs-sec h5{
font-size: 15px;
margin: 0 0 0 15px;
padding: 0;
font-weight: 500;
color:#fff;line-height: 1.5;
}
.breakthroughs-sec ul{
	margin: 0;
padding: 0;
}
.breakthroughs-sec ul li{
font-size: 15px;
color: #fff;
font-weight: 500;
}
/*--------------------------------------------------------------
Breadcrunmb Start
--------------------------------------------------------------*/
.breadcrumbs {
padding: 1px 0px;
}
.breadcrumbs h1 {
	color: #555;
	font-size: 20px;
	margin: 0;
}
.breadcrumb_last{
	color:#fff !important;
}
.breadcrumbs a, .breadcrumbs span {color:#fff !important;}
.breadcrumbs p 
{
 	margin: 0 0 10px !important;
}
/*--------------------------------------------------------------
2.0 Home Slider
--------------------------------------------------------------*/
.tagline-covered{
	text-align: center;
background: transparent;
position: absolute;
z-index: 9;
left: 0;
right: 0;
margin-top:25px;
}
.tagline-covered h3{
	color: #fff;
background:#5bc0de;
margin: 0;
    margin-top: 0px;
display: inline-block;
padding: 3px 10px 5px 10px;
margin-top: 10px;
border-radius: 5px;
box-shadow: 1px 1px 2px #4a4a4a;
font-size: 22px;
}
.tagline-covered h3 span{
margin-left: 5px;
font-size: 10px;
margin-top: -20px;
display: ruby-text;
}
.tagline-covered .home-right-box{
	background: #bf0a30;
padding: 5px 10px;
text-align: center;
color: #fff;
margin-right: -25px;
-webkit-clip-path: polygon(20% 0, 0 100%, 100% 100%, 100% 100%, 100% 0);
clip-path: polygon(20% 0, 0 100%, 100% 100%, 100% 100%, 100% 0);
}
.tagline-covered .home-right-box a{
	color: #fff;
font-family: oswald;
display:block;
}
.tagline-covered .home-right-box h6{
	margin-bottom: 5px;
color: #fff;
font-size: 20px;
}
.top-botton{
z-index: 9;
}
.top-botton img{
	height: 70px;
position: absolute;left: 25px;
}
.top-botton a#showTop p{
	
}
.top-botton a#showTop{
	font-weight:600;
padding: 5px 10px;
font-size: 20px;
line-height: .8;
color: #fff;
background-color: #bf0b30;
border-color: #bf0b30;
margin-top: -10px;
	-webkit-transition: background .5s ease-in-out 0s;
	-moz-transition: background .5s ease-in-out 0s;
	-o-transition: background .5s ease-in-out 0s;
	transition: background .5s ease-in-out 0s;
}
.top-botton a.btn-success:hover, .top-botton a.btn-success.active{
background-color: #002768;
border-color: #002768;
}
.top-botton a small{
	font-size: 12px;
}
.top-bar
{
	margin-top:0;
	border-top: 8px solid #bf0b30;
}
.top-bar .row
{
    border-bottom: 0px solid #eee;
}
.top-bar .topbar-contact-list{
	display:inline-block;
}
.top-bar .topbar-contact-list li{
	font-size: 13px;
	line-height:1;
}
.top-bar .topbar-contact-list li span{
color: #bf0b30;
font-weight:600;
}
.topbar-contact-list li a
{
	color: #002768;
}
.topbar-contact-list li a:hover,.topbar-contact-list li a:active
{
	color: #bf0b30;
}
.topbar-contact-list li i{
	margin-right:5px;
	color: #002768;
}
.navbar a.btn.btn-success u{
	font-size: 14px;
}
.top-bar .topbar-advanched li.dropdown{
	font-size: 14px;
	padding: 2px 10px;
}
.top-bar .topbar-advanched{
margin-right: 25px;
}
.top-bar .topbar-advanched li i{
color: #bf0b30;
font-weight: 600;
font-size: 14px;
}
.social-bar{
	display: inline-block;
text-align: center;
padding-top: 3px;
padding-bottom: 2px;
margin: 0px !important;
}
#header-slider {
	position: relative;
}

#slider .carousel-caption {
	padding: 0;
	display: table;
	height: 100%;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	z-index: 11;
	background-color: rgba(0, 0, 0, .2);
}

#slider  .carousel-caption a {
	font-size: 18px;
}

#slider  .carousel-caption > div {
	vertical-align: middle;
	display: table-cell;
}

#slider  .carousel-caption h2 {
	color: #fff;
	font-family: Oswald, sans-serif;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 40px;
	text-transform: uppercase;
	line-height:1;
}

#slider  .carousel-caption h3 {
	color: #fff;
	font-family: Oswald, sans-serif;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 59px;
	line-height:1;
}
.header_shadow {
    background: url('./images/shadow.png') no-repeat top center;
    position: absolute;
    left: 0;
    right: 0;
    height: 20px;
    z-index: 9;
    width: 100%;
}
.main_title h2, .main_title h3, .main_title h4 {
  color: #002768;
  font-size: 30px;
  font-weight: 400;
  padding-bottom: 15px;
  position: relative;
  line-height: 40px;
}
.advantage-section .main_title h3{
	margin-top: 10px;
  margin-bottom: 0;
}
/*--------------------------------------------------------------
3.0 Navigation
--------------------------------------------------------------*/
.page-header{
	margin:0;
}

.header-main-logo{
	text-align:center;
	position: absolute;
	right: 0;
	left: 0;
}
.header-main-logo .punch-line{
text-align: left;
position: absolute;
margin: 1px 0 0 12%;
font-weight: 700;
}
.header-third-menu{
text-align: center;
height: 37px;
background: #f6f6f6;
}
.header-third-menu ul#nav{
	display: inline-block;
	float:none;
}
.header-third-menu ul#nav li a{
color: #fff;
font-weight: 600;
background:#002768;
margin: 5px;
padding: 3px 13.5px;
letter-spacing: .5px;
}
.header-third-menu ul#nav li a:hover{
background: #fff;
color: #002768;
}
.sticky-wrapper{
    height: 50px !important;
    width: 100%;
	margin-top: 13px;
}
.sticky-wrapper .navbar-header img{
	display:none;
}
.sticky-wrapper .navbar-brand{
	float:left;
}
.is-sticky .navbar-header img{
	display:block !important;
}
.is-sticky .navbar-inverse{
    background: #fff;
    animation-duration: 500ms;
    animation-delay: 300ms;
    animation-name: fadeInDown;
	z-index: 9999;
}
.navbar-toggle{
    margin-bottom: 0 !important;
}
.navbar-collapse{float:right;}
.navbar-inverse {
	background: none;
	width: 100%;
	z-index: 99;
	height:50px;
    border-bottom: 1px solid rgba(0,0,0,0.13) !important;
}

.navbar {
	margin-bottom: 0;
	border-left: none;
	border-right: none;
	border-top: none;
	border-radius: 0px;
}
.navbar-header
{
    float: none;
}

.navbar-brand {
	float:none;
	height: auto;
	padding: 0;
    margin-left: 0 !important;
}

.navbar-brand h1 {
	margin: 0;
    line-height: 0;
}
.navbar-brand h1 img{
    height: 90px !important;
	margin-top:-34px;
	padding:0;
}
.is-sticky .navbar-brand h1 img{
    height: 48.5px !important;
	margin-top:0 !important;
	padding:0 !important;
}
.navbar-inverse .navbar-nav > li > a {
    font-size: 13px;
	font-weight:600;
    border-bottom: 3px solid transparent;
    color:#002768;
	-webkit-transition: background .5s ease-in-out 0s;
	-moz-transition: background .5s ease-in-out 0s;
	-o-transition: background .5s ease-in-out 0s;
	transition: background .5s ease-in-out 0s;
	padding: 13px 15px;
	text-transform: uppercase;
font-family: 'Saira', sans-serif;
}

.navbar-inverse .navbar-nav > li.current > a {
	color: #002768;
	background-color: transparent;
}

.navbar-inverse .navbar-nav > li > a:hover {
	color: #bf0b30;
	border-bottom: 3px solid #bf0b30;    
    -webkit-transition: border 150ms ease-in-out,background-color 150ms ease-in-out;
    -moz-transition: border 150ms ease-in-out,background-color 150ms ease-in-out;
    -o-transition: border 150ms ease-in-out,background-color 150ms ease-in-out;
    -ms-transition: border 150ms ease-in-out,background-color 150ms ease-in-out;
    transition: border 150ms ease-in-out,#fff 150ms ease-in-out;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #bf0b30 !important;
    background-color:transparent !important;
}
.navbar-inverse .navbar-nav>.active>a{
	background-color:transparent !important;
	color: #002768 !important;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{
	color: #bf0b30 !important;
    background-color:transparent !important;
}
.dropdown-menu > li > a{
	color: #002768 !important;
	font-weight:400;
}
.dropdown-menu > li > a:hover{
	color: #fff !important;
}
.cbp-spmenu-push-toTop{
	margin-top:240px;
}
.cbp-spmenu-horizontal{
	background: #74ff5a !important;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: #bf0b30;
  outline: 0;
}
/*--------------------------------------------------------------
4.0 HomePage Sections
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.1 Features Section
--------------------------------------------------------------*/
#features-section{
    margin: 10px 0px;
}
.feature-wrap{text-align:center;}
.feature-wrap i{
    color: #002768;
    font-size: 40px;
}
.feature-wrap h4{
    color: #0071BD;
}
/*--------------------------------------------------------------
4.1 End Features Section
--------------------------------------------------------------*/

/*Block Headline*/
.headline {
	display: block;
	margin: 10px 0 25px 0;
	border-bottom: 1px dotted #e4e9f0;
}
.headline h2, 
.headline h3, 
.headline h4 {
	color: #4BA7F4;
	margin: 0 0 -2px 0;
	padding-bottom: 5px;
	display: inline-block;
	border-bottom: 2px solid #006DB9;
}
.headline h2 {
	font-size: 23px;
}

.headline-md h2 {
	font-size: 21px;
}

.headline-md {
	margin-bottom: 15px;
}



.home-title{text-align:center;background-color:#f1f1f1;padding:10px 0px;}
.contact-title{text-align:center;background-color:#ffffff;padding:10px 0px;margin: 0px;}
.color-light-blue{color: #002768;}
.home-intro h2{font-size:22px;color: #006AB4;margin-bottom: 35px;}
.home-intro p{text-align: justify;}
.sidebar-links a img{margin-bottom: 20px;}

.about-team{}

.panel-default>.panel-heading{
    background-color: #f9f9f9;
}
.panel-default>.panel-heading h3{}
.margin-top-20 {margin-top:20px;}
/*--------------------------------------------------------------
4.1 About Us Section
--------------------------------------------------------------*/
.about-section {
	padding: 60px 0;
    background: url('/wp-content/uploads/2016/08/about-bg.jpg');
    height: 600px;
    background-size: cover;
}
.about-content{
        background: rgba(0,0,0,0.5);
    padding: 10px;
}
.about-content h3{    color: #fff;
    font-size: 20px;}
.about-content p {
    color: #fff;
    text-align: justify;
}
.about-section-sidebar{
	background: #f6f6f6;
padding: 10px 20px;
margin-left: 25px;
border: 1px solid #ddd;
}
.about-section-sidebar h3{
margin-top:0 !important;color: #002768;	
}
.about-post-item{
	margin-right:20px;
}
.icon-box {
	position: relative;
	width: 160px;
	height: 92.38px;
	background-color:rgba(148, 148, 148, 0.1);
	margin: 46.19px auto 60px;
	padding: 20px 0;
	border-left: solid 3px #fff;
	border-right: solid 3px #fff;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	-moz-transition-property: transform;
	-o-transition-property: transform;
	transition-property: transform;
}

.icon-box:hover {
	-webkit-transform: translateY(-10px);
	   -moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		 -o-transform: translateY(-10px);
			transform: translateY(-10px);
}

.icon-box:before,
.icon-box:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 113.14px;
	height: 113.14px;
	background-color: inherit;
	left: 20.4315px;

	-webkit-transform: scaleY(0.5774) rotate(-45deg);
	   -moz-transform: scaleY(0.5774) rotate(-45deg);
		-ms-transform: scaleY(0.5774) rotate(-45deg);
		 -o-transform: scaleY(0.5774) rotate(-45deg);
			transform: scaleY(0.5774) rotate(-45deg);
}

.icon-box:before {
	top: -56.5685px;
	border-top: solid 4.2426px #fff;
	border-right: solid 4.2426px #fff;
}

.icon-box:after {
	bottom: -56.5685px;
	border-bottom: solid 4.2426px #fff;
	border-left: solid 4.2426px #fff;
}
.icon-box i{color:#fff;}



/*--------------------------------------------------------------
4.2 Main Features Section
--------------------------------------------------------------*/
.main-features {
    padding-top: 10px;
    height: 600px;
}
.home-features{
	padding-top: 60px;
    background: url('/wp-content/uploads/2017/12/mu-bg-1.jpg');
    height: 600px;
    background-size: cover;
}
.feature-media {
	margin-bottom: 0px;
}

.feature-desc a {
	margin-right: 20px;
}
.features-content{
    padding: 30px;
}
.features-content ul{
    margin-left: 25px;
}
.features-content ul li i{
    color: #002768;
    font-size: 11px;
}
.features-content .btn{
    margin-left: 25px;
}
/*--------------------------------------------------------------
4.3 Counter Section
--------------------------------------------------------------*/
.counter-section {
	padding: 70px 0;
	color:#ffffff;
}

.counters-item {
	border: 1px solid #3AB1FF;
	padding-bottom: 30px;
    background-color: rgba(256,256,256,0.7);
}

.counters-item > div {
	margin: 10px 0;
    color: #002768;
}

.counters-item span {
	display: inline;
	font-family: Oswald, sans-serif;
	font-size: 35px;
	line-height: 50px;
}

.counters-item i {
	margin-bottom: 15px;
    color: #3AB1FF;
}

.counters-item h3 {
	font-family: Ubuntu,sans-serif;
	font-size: 20px;
	margin: 0;
    color: #666;
}

/*--------------------------------------------------------------
4.4 Services Section
--------------------------------------------------------------*/

.services-section
 {
	padding: 70px 0 100px;
}
#services .title {
	/* padding-bottom: 125px; */
}

.service-block {
	/* padding-bottom: 10px; */
	background-color: #ffffff;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	/* -webkit-box-shadow: 2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 #002768; */
	-moz-box-shadow: 2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 #002768;
	/* box-shadow: 2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 #002768; */
}

.service-icon {
	margin-bottom: 0px;
	border-bottom: 1px solid #CCB;
	overflow: hidden;
}
.service-icon img{
	margin: 0px auto;
	width: 100%;
}
.service-icon i{
	margin: 0px auto;
	color:#ffffff;
	font-size:100px;
	margin:25px 0px;
}
.service-block h3 {
margin: 0px !important;
}
.service-block p{color: #444; font-size: 12px;}
/*--------------------------------------------------------------
4.5 Portfolio Section
--------------------------------------------------------------*/
#showcase {
	padding: 0;
}

.portfolio-filter {
	margin-bottom: 15px;
}

.portfolio-filter ul li {
	display: inline;
}

.portfolio-filter ul li a {
	color: #444;
	display: inline-block;
	font-size: 14px;
	margin: 0 10px 10px;
	padding: 5px 15px;
	position: relative;
}

.portfolio-filter ul li a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #002768;
	content: '';

	-webkit-transition: top 0.3s;
	   -moz-transition: top 0.3s;
		 -o-transition: top 0.3s;
			transition: top 0.3s;
}

.portfolio-filter ul li a::after {
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	background: #3AB1FF;
	content: '';

	-webkit-transition: height 0.3s;
	   -moz-transition: height 0.3s;
		 -o-transition: height 0.3s;
			transition: height 0.3s;
}

.portfolio-filter ul li a:hover::before {
	top: 100%;
	opacity: 1;
    background: #3AB1FF;
}

.portfolio-filter ul li a:hover::after {
	height: 100%;
}
.portfolio-filter ul li:hover a,  .portfolio-filter ul li a:hover {
    color: #002768 !important; 
}
.og-expander-inner{background-color: rgba(0, 0, 0, 0.8); }
.og-details h3{margin: 0 0 15px;border-bottom: 1px solid #002768;}
.og-grid .mix > a {
	display:block;
	overflow:hidden;
	position:relative;
    height: 220px;
}
.og-grid .mix > a.style-none{
    height: auto;
    border: none;
    box-shadow: 0 0 0 #ddd;
}

.og-grid .mix a img {
	-webkit-transition: all 0.6s ease 0s;
	   -moz-transition: all 0.6s ease 0s;
		 -o-transition: all 0.6s ease 0s;
			transition: all 0.6s ease 0s;
}

.og-grid .mix a:hover img {
	-webkit-transform: scale(1.4) rotate(0deg);
	   -moz-transform: scale(1.4) rotate(0deg);
		-ms-transform: scale(1.4) rotate(0deg);
		 -o-transform: scale(1.4) rotate(0deg);
			transform: scale(1.4) rotate(0deg);
}
.mix-ser > a {
	display:block;
	overflow:hidden;
	position:relative;
}
.mix-ser > a.btn{
    display: inline-block !important;
    margin-bottom: 10px
}
    
.mix-ser a img {
	-webkit-transition: all 0.4s ease 0.4s;
	   -moz-transition: all 0.4s ease 0.4s;
		 -o-transition: all 0.4s ease 0.4s;
			transition: all 0.4s ease 0.4s;
}

.mix-ser a:hover img {
	-webkit-transform: scale(1.1) rotate(0deg);
	   -moz-transform: scale(1.1) rotate(0deg);
		-ms-transform: scale(1.1) rotate(0deg);
		 -o-transform: scale(1.1) rotate(0deg);
			transform: scale(1.1) rotate(0deg);
}
.mix-ser:hover{
        z-index: 9;
        background: #fdfdfd;
    box-shadow: 0 0 15px #b5b5b5;
}
.hover-effect {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hover-mask {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(43, 44, 48, 0.8);

	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all 600ms ease-out 0s;	
	   -moz-transition: all 600ms ease-out 0s;
		 -o-transition: all 600ms ease-out 0s;
			transition: all 600ms ease-out 0s;

	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.hover-mask h3 {
	color: #3AB1FF;
	font-size: 20px;
	position: relative;
	text-transform: uppercase;
	top: 110px;
}

.hover-mask span {
	border: 2px solid #ddd;
	border-radius: 50px;
	color: #ddd;
	display: inline-block;
	height: 50px;
	left: 42%;
	padding: 11px 0;
	position: absolute;
	text-align: center;
	top: 22%;
	width: 50px;
}

.og-grid .mix a:hover .hover-mask {
	opacity: 1;
	filter: alpha(opacity=100);

	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
			transform: rotateY(0deg) scale(1,1);
}

/*--------------------------------------------------------------
4.6 Our Skills Section
--------------------------------------------------------------*/
.team-skills {
	padding: 40px 0;
}

.skill-chart > h3 {
    border-bottom: 1px solid #002768;
    margin: 25px 0 15px;
    padding-bottom: 10px;
    color: #3AB1FF;
}

.skill-chart i {
	vertical-align: top;
}

.chart {
	display: block;
	position: relative;
}

.percent {
	display: inline-block;
	font-size: 1.6em;
	height: 150px;
	line-height: 150px;
	text-align: center;
	width: 150px;
	z-index: 2;
}

.chart canvas {
	left: 50%;
	margin-left: -75px;
	position: absolute;
	top: 0;
}

.percent:after {
	content: '%';
	margin-left: .1em;
	font-size: .8em;
}

/*--------------------------------------------------------------
4.7 Our Team Section
--------------------------------------------------------------*/
#our-team {
	padding: 30px 0;
	background: rgba(0, 39, 104, 0.7);
}

.about-team {
	color: #fff;
	padding-bottom: 40px;
}

.about-team .title h1 {
	color: #fff;
}
#team-member{
	margin-top:35px;
}
#team-member .main_title h3{
	color:#fff !important;
}
.team-mate {
	background-color: #fff;
}

.member-photo {
	overflow: hidden;
	position: relative;
}

.member-photo img {
	-webkit-transition: all 0.6s ease 0s;
	   -moz-transition: all 0.6s ease 0s;
		 -o-transition: all 0.6s ease 0s;
			transition: all 0.6s ease 0s;
}

.member-photo:hover img {
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		 -o-transform: scale(1.2);
			transform: scale(1.2);
}

.member-title {
background:#002768;
	padding: 10px 15px;
}

.member-photo .mask {
	background-color: rgba(0, 39, 104, 0.7);
	position: absolute;
	text-align: center;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;

	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all 600ms ease-out 0s;	
	   -moz-transition: all 600ms ease-out 0s;
		 -o-transition: all 600ms ease-out 0s;
			transition: all 600ms ease-out 0s;

	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.member-photo:hover .mask {
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);

	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
			transform: rotateY(0deg) scale(1,1);
}

.team-mate h3 {
font-size: 20px;
margin: 0 0 5px;
color: #fff;
}

.member-info {
	padding: 15px;
}

.mask ul {
	text-align: center;
	position: relative;
	top: 125px;
}

.mask ul li {
	display: inline-block;
	margin-right: 15px;
}

.mask ul li a {
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 20px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
}

.mask ul li a:hover {
	background-color: #6cb670;
	border: 1px solid transparent;
}

/*--------------------------------------------------------------
4.8 Twitter Feed Section
--------------------------------------------------------------*/
.twitter-feed {
	padding-bottom: 100px;
	padding-top: 80px;
}

.twitter-bird span {
	border: 2px solid #6cb670;
	border-radius: 50px;
	color: #6cb670;
	display: inline-block;
	margin-bottom: 50px;
	height: 90px;
	width: 90px;
}

.twitter-bird span i {
	line-height: 90px;
}

.tweet {
	margin-bottom: 10px;
}

.tweet a {
	color: #6cb670;
}

/*--------------------------------------------------------------
4.9 Pricing Section
--------------------------------------------------------------*/
.pricing-section {
	padding: 50px 0;
    background-color: rgba(82, 179, 226, 0.23);
}

.pricing {
	background-color: #ffffff;
}

.price-title {
  background-color: #ffffff;
  padding: 30px 0 20px;
}

.price-title > h3 {
	color: #6cb670;
	font-family: Oswald;
	font-weight: 700;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.price-title > p {
	font-size: 18px;
	font-weight: 400;
}

.price-title .value {
	color: #6cb670;
	font-size: 30px;
}

.pricing li {
	border-top: 2px solid #E4E4E4;
	font-weight: 400;
	padding: 10px 0;
}

.pricing li:last-child {
	border-bottom: 2px solid #e4e4e4;
}

.pricing li:nth-child(2n) {
	background-color: #f5f5f5;
}

.pricing a.btn {
	text-transform: uppercase;
	margin: 20px 0;
}

/*--------------------------------------------------------------
4.10 Testimonial Section
--------------------------------------------------------------*/
.testimonial-section  {
	padding: 40px 0 0 0;
	color:#ffffff;
}

#testimonial-block .owl-wrapper-outer {
	top: 0px;
}

.client-info {
  margin: 0 auto;
  width: 45%;
}

.client-thumb img {
	border-radius: 50%;
	margin: 0 auto;
	max-width: 115px;
	width: 100%;
}

.client-meta {
	margin: 0 0 10px;
}

.client-meta h3 {
	font-family: Ubuntu,sans-serif;
	font-size: 20px;
	margin: 15px 0 5px .0;
}

.client-meta span {
	font-size: 12px;
}

.client-comment .social-profile {
	text-align: center;
}

.client-comment .social-profile li {
	display:inline-block;
	margin: 0 6px 0 0;
}

.social-profile ul li {
	float: left;
	margin: 0 6px 0 0;
}

.social-profile a {
	color: #4e595f;
	display: block;
}

.social-profile li a i {
  line-height: 33px;
  color: #fff;
}

.social-profile li a:hover {
	color: #6CB670;
}

.owl-pagination,
.owl-buttons {
	text-align: center;
}

.owl-controls .owl-page {
	display: inline-block;
}

.owl-controls .owl-page span {
	background-color: transparent;
	border: 2px solid #002768;
	border-radius: 50px;
	display: block;
	height: 13px;
	margin: 0 4px;
	width: 13px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.owl-controls .owl-page.active span,
.owl-controls .owl-page:hover span {
	background-color: #002768;
	border: 2px solid transparent;
}

.our-clients {
  margin: 30px 0 0;
}

#our-clietns .item img {
	max-width: 150px;
	width: 100%;
}

#our-clietns .owl-next, 
#our-clietns .owl-prev {
  border: 1px solid #ddd;
  border-radius: 50px;
  display: inline-block;
  margin: 45px 0 0;
  padding: 3px 15px;
  position: relative;
  text-align: center;
}

#our-clietns .owl-next i, 
#our-clietns .owl-prev i {
  line-height: 34px;
}

#our-clietns .owl-prev {
  margin-right: 15px;
}

#our-clients .item {
	margin: 10px;
}

/*--------------------------------------------------------------
4.11 Latest Posts Section
--------------------------------------------------------------*/
#blog-posts{
	padding-right: 0px;
}
#blog-posts .post-item .item-list-series{
height: 30px;
position: absolute;
overflow: hidden;
margin: -5px 0 0 -20px;
}
#blog-posts .post-item .item-list-series p{
background: #bf0b30;
padding: 2px 5px;
color: #fff;
font-weight: 600;
line-height:1.3;
border-bottom-right-radius: 10px;
font-size: 12px;
display: inline-block;
}
.entry-content p.hide{
	
}
#blog {
	padding-bottom: 110px;
	padding-top: 70px;
}

.note {
	background-color: #ffffff;
	border: 1px solid #ccc;
}
.note:hover>a{
    cursor: pointer;
    background: #ddd;
}
.note .media-wrapper {
	border-bottom: 1px solid #4e595f;
}

.note .excerpt {
	padding: 0 15px 20px;
      text-align: center;
}

.note .excerpt h3 {
	font-size: 18px;
	line-height: 1.5;
	text-transform: capitalize;
}

.all-post {
	margin-top: 50px;
}

/*--------------------------------------------------------------
4.12 Contact Section
--------------------------------------------------------------*/
.contact-us {
	padding: 70px 0 0;
}

.contact-form {
	margin-bottom: 10px;
}
.contact-form .form-control {
    background-color: #fff;
    height: 30px;
}

.contact-form input:hover, 
.contact-form textarea:hover,
#contact-submit:hover {
	border-color: #3ab1ff;
}

#contact-submit {
	border: 5px solid #3ab1ff;
	padding: 12px 0;
	width: 100%;
	margin: 0;
	color: #3ab1ff;
	font-weight: bold;
	font-size: 20px;
}

.contact-form textarea.form-control {
	padding: 10px;
	height: 120px;
}

.contact-details  .fa-lg {
	line-height: .65em;
}

.contact-info p {
	margin-bottom: 25px;
}

.con-info {
	margin-bottom: 20px;
}

.con-info i,
.con-info span {
	float: left;
}

.con-info span {
	margin: -5px 0 0 15px;
	width: 300px;
}

.error {
	padding: 10px;
	color: #D8000C;
	border-radius: 4px;
	font-size: 13px;
	background-color: #FFBABA;
	margin-bottom: 15px;
}

.success {
	background-color: #6cb670;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	padding: 10px;
	margin-bottom: 15px;
}

#map-canvas {
	height: 370px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Blog Page
--------------------------------------------------------------*/
#blog-banner {

}

.blog-icon {
color: #FFF;
display: inline-block;
padding: 16px 20px 5px 20px;
}
.blog-icon i{
	font-size:2em;
}
.blog-title h1 {
text-transform: uppercase;
margin-bottom: 1px;
color: #fff;
font-size: 22px;
padding-bottom: 12px;
}

#blog-page {
	padding: 20px 0 20px;background: #eee;
}
#blog-page h1.entry-title{
	font-size: 24px;
}
.post-item .entry {
margin-bottom: 10px;
background-color: #fff;
margin: 0 10px 10px 5px;
}
.post-item .page-title{
	margin:0;
	padding-top: 15px;
padding-left: 10px;
padding-bottom: 15px;
}
.entry .post-excerpt{
	padding: 0 15px;
}
.entry .post-excerpt .btn {
	 margin-top: 15px;
}
.entry .post-excerpt h3 a{
	
}
.entry .post-excerpt h3{
	margin-bottom: 13px;
}
#gallery-post .owl-prev,
#post-thumb .owl-prev,
#gallery-post .owl-next,
#post-thumb .owl-next {
	padding: 5px 17px;
	position: absolute;
	top: 40%;

	-webkit-transition: all .5s ease-in 0s;
	   -moz-transition: all .5s ease-in 0s;
		 -o-transition: all .5s ease-in 0s;
			transition: all .5s ease-in 0s;
}

#gallery-post .owl-prev,
#post-thumb .owl-prev {
	left: -45px;
}

#gallery-post .owl-next,
#post-thumb .owl-next {
	right: -45px;
}

#gallery-post:hover .owl-prev,
#post-thumb:hover .owl-prev {
	left: 0;
}

#gallery-post:hover .owl-next,
#post-thumb:hover .owl-next {
	right: 0;
}

#gallery-post,
#post-thumb {
	overflow-x: hidden;
}

#post-thumb .owl-buttons {
	color: #fff;
}

.post-meta {
	background-color: #ffffff;
	border: 1px solid #ddd;
	font-size: 13px;
	color:#aaa;
	padding: 0 20px 10px;margin-right: 20px;display: inline-block;
}

.post-meta > span {
	border-right: 1px solid #4e595f;
	display: inline-block;
	font-size: 12px;
	margin: 10px 10px 0 0;
	padding-right: 10px;
}

.post-meta > span a{
 }
.post-meta > span:last-child {
	border-right: 0;
}

.post-meta > span > i {
	margin-right: 5px;
}

.post-meta a:hover {
	color: #6CB670;
}

.post-excerpt .more {
	margin-top: 20px;
}

.post-excerpt .more a {
	display: inline-block;
	font-size: 13px;
	padding: 10px 25px;
}

.post-excerpt .more a:hover {
	background-color: #6CB670;
	color: #fff;
}

/*--------------------------------------------------------------
5.1 Post Pagination
--------------------------------------------------------------*/
.post-pagination {
	display: inline-block;
	margin-bottom: 20px;
}

.post-pagination ul li {
	margin-right: 5px;
	float: left;
}

.post-pagination ul li:last-child {
	margin-right: 0;
}

.post-pagination ul li.disabled a {
	cursor: not-allowed;
}

.post-pagination ul li.disabled a:hover {
	background-color: #2E373C;
	color: #9aa8b3;
}

.post-pagination ul li a {
	background-color: #002768;
	color: #ccc;
	display: block;
	padding: 8px 18px;
}

.post-pagination ul li a:hover, 
.post-pagination ul li.active a {
	background-color: #BF0B30;
	color: #fff;
}

/*--------------------------------------------------------------
5.2 Widgets
--------------------------------------------------------------*/
aside.widget {
	/* margin-bottom: 25px; */
	/* background-color: #f1f1f1; */
	/* padding: 10px 9px 10px 10px; */
}
.widget_nav_menu{
text-align:left;	
}
.widget_nav_menu li a{
color:#002768
}
.left-title h3 {
    text-transform: uppercase;
    font-weight: 600;
    color: #bf0b30;
    font-size: 16px;
}
#footer .col-md-2, #footer .col-lg-2{
	width:20%;
}
#footer .widget_text{
	
}
.widget_nav_menu li:before, article .entry-content ul li:before {
	font-family: "FontAwesome";
	content: "\f0fe";
	color:#bf0b30;
}
article .entry-content ul li:before{
	margin-right:6px;
}
article .entry-content h4{
	margin-top:15px;
}
.widget_nav_menu ul li {
	margin-bottom: 5px;
	-webkit-transition: all .5s ease-in 0s;
	   -moz-transition: all .5s ease-in 0s;
		 -o-transition: all .5s ease-in 0s;
			transition: all .5s ease-in 0s;
}

.widget_nav_menu ul  li:hover a {
	padding-left: 10px;
	color: #002768;
}

.widget_nav_menu ul > li:last-child {
	border-bottom: 0;
}

.widget_nav_menu ul li a {
	padding-left: 5px;
}

.widget_nav_menu ul li span {
	padding-left: 8px;
}

.widget-title h3 {
	color: #fff;
	margin-bottom: 15px;
	margin-top: 0;
	position: relative;
}
.search-section{
	padding: 15% 0;
position: fixed !important;
z-index: 9999999999;
background: rgba(0, 39, 104, 0.5);
width: 100%;
height: 100%;
}
#search-form {
	position: relative;
}
#site-navigation #search-form {
position: relative;
margin: 0;
padding: 0;
margin-top: -70px;
float: right;
box-shadow: none;
border: none;
border-bottom: 1px solid #ddd;
width: 300px;
opacity:1;pointer-events: all;
}
.search-section .form-control{
padding: 5px 10px;
line-height: 2;
width: 50%;
margin: 0 auto;
height: 50px;
font-size: 20px;
color: #002768;
}
#site-navigation #search-submit{
	width:25px !important;
	height:25px !important;
}
#search-submit {
	background: none;
	border: 0;
	color: #C8C8CA;
	display: none;
	font-size: 16px;
	height: 32px;
	outline: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 32px;
}
button.close {
  color: #fff;
  opacity:1;
  top: 0;
position: absolute;
right: 0;
padding: 22px;
font-size: 30px;
}
.post-tabs .tab-post-nav li {
	margin-bottom: 0;
}

.post-tabs .tab-post-nav li:before {
	content: none;
}

.post-tabs .tab-content {
	background-color: #2f383d;
	padding: 20px;
}

.tab-post-nav {
	background-color: #4A535A;
}

.tab-post-nav li {
	float: left;
}

.tab-post-nav li.active a {  
	border-top: 3px solid #6cb670;
	background-color: #2F383D;
	color: #6CB670;
}

.tab-pane .clearfix {
	margin-bottom: 20px;
}

.tab-excerpt > span {
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
}

.tab-excerpt h4 a {
	color: #fff;
}

.tab-excerpt h4 a:hover {
	color: #6cb670;
}

.tab-post-nav li a {
	border-top: 3px solid transparent;
	color: #fff;
	display: block;
	padding: 13px 14px !important;
	text-align: center;
}

.widget .tag {
	background-color: #2F383D;
	color: #fff;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 5px;
	padding: 5px 13px;
}

.widget .tag:hover {
	background-color: #6CB670;
	color: #fff;
}

/*--------------------------------------------------------------
6.0 Single Blog Page
--------------------------------------------------------------*/

article ul li  {
	list-style: none;
}

article ol li {
	list-style: decimal;
}

article ul, article ol {
	margin: 0 0 15px 15px;
}

blockquote {
	border-left: 5px solid #4BA7F4;
	font-style: italic;
	line-height: 22px;
	margin: 20px 0;
}

.navigation ul {
	margin-left: 0;
}

.next-prev {
	border-bottom: 1px solid #4e595f;
	border-top: 1px solid #4e595f;
	margin: 20px 0;
	padding: 15px 0 10px;
}

.next-prev a:hover {
	color: #6CB670;
}

.next-prev li {
	display: inline;
}

.prev-post i {
	float: left;
	margin-right: 10px;
	margin-top: -5px;
}

.next-post i {
	float: right;
	margin-left: 10px;
	margin-top: -3px;
}

.post-author {
	margin-right: 20px;
}

.post-author > img {
	border: 1px solid #4e595f;
	max-width: 120px;
	padding: 5px;
	width: 100%;
}

/*--------------------------------------------------------------
6.1 Comment
--------------------------------------------------------------*/
.comment-reply-form > h3,
.author-about > h4,
.comments > h4 {
	border-bottom: 1px solid #4e595f;
	margin-bottom: 15px;
	margin-top: 0;
	padding-bottom: 10px;
	position: relative;
}

.bypostauthor {
	display: block;
}

.author-bio h5 {
	display: inline-block;
}

.post-item .comments-section {
	margin-top: 35px;
}

.comment-list ul li  {
	list-style: square;
}

.comment-list ol li {
	list-style: decimal;
}

.comment-list ul, .comment-list ol {
	margin: 20px 0 15px 30px;
}

.comment-list li {
	margin-bottom: 20px;
}

.comment-wrap {
	border: 1px solid #4e595f;
	border-radius: 1px;
	margin-left: 20px;
	padding: 10px;
	position: relative;
}

.comment-wrap .author-avatar {
	margin-left: -25px;
	margin-right: 20px;
}

.author-comment {
	margin-bottom: 15px;
	overflow: hidden;
}

.author-comment cite a:hover, .replay:hover {
	color: #6CB670;
}

.author-comment cite {
	margin-bottom: 2px;
	padding-top: 4px;
	font-style: normal;
}

.author-comment i {
	margin-right: 5px;
}

.comment-content {
	margin-left: 45px;
}

.comment-reply-form {
	margin-top: 50px;
}

#comment-form {
	margin-top: 35px;
}

#comment-form .form-control:hover {
	border-color: #6CB670;
}

.form-group:last-child,
.form-group:last-child input {
  margin: 0;
}

/*--------------------------------------------------------------
6.2 404 Page
--------------------------------------------------------------*/
.error404 .clearfix {
	margin-bottom: 20px;
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Jetpack for WordPress
--------------------------------------------------------------*/
/*--------------------------------------------------------------
8.1 Infinite Scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
9.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content p{
    padding-top: 10px;font-size: 13px;
  color: #bf0b30;
  display: block !important;
  font-weight: 600;
}
	}
.entry-content .col-md-12.row p{
	color: #bf0b30 !important;
	margin: 0;
}
.entry-content .col-md-12.row p strong{
	color: #1b4997 !important;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
img {
	max-width: 100%;
}

img {
	height: auto;
}
.post-item .media-wrapper img{
	
}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	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-caption {
	display: block;
}

/*--------------------------------------------------------------
10.0 Footer
--------------------------------------------------------------*/
marquee{
    background: #fff;
    padding: 15px 0;
}
marquee ul li{
    margin: 0 15px;
}
marquee ul li img{
    height: 50px !important;
}
.social-icon {
	padding: 12px 0;
	perspective: 900000px; /* Chrome, Safari, Opera */
    -webkit-perspective: 900000px;
	float:right;
}

.social-icon > ul {
	text-align: center;
}

.social-icon > ul > li {
	display: inline-block;
	margin-right: 2px;
}

.social-icon > ul > li > a {
	background-color: #002768;
	color: #fff;
	display: block;
	height: 30px;
	width: 30px;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transition: all 400ms ease-out 0s;
	-moz-transition: all 400ms ease-out 0s;
	-o-transition: all 400ms ease-out 0s;
	transition: all 400ms ease-out 0s;
	line-height:0.1;
}

.social-icon > ul > li > a > i {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
	filter: alpha(opacity=70);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transition: all 400ms ease-out 0s;
	-moz-transition: all 400ms ease-out 0s;
	-o-transition: all 400ms ease-out 0s;
	transition: all 400ms ease-out 0s;
}
.social-icon.top-sm .btn-primary{
	margin-top: 5px;
padding: 4px 12px;
line-height: 1.3;
font-size: 13px;
font-weight: 600;
position: absolute;
}
.social-icon.top-sm{
	padding:0 !important;
}
.social-icon.top-sm > ul > li > a {
	height: 20px !important;
width: 20px !important;
}
.social-icon.top-sm > ul > li > a > i{
	font-size: 13px !important;
line-height: 20px !important;
}
.social-icon > ul > li:hover a {
	background-color: #bf0b30;

	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);
}

.social-icon > ul > li:hover a i {
	color: #fff;
	opacity: 1;
	filter: alpha(opacity=100);

	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);
}
/* Footer */
.footer-add b{
color:#bf0b30;
}	
#footer .f-add{
border-top: 5px solid #002768;
margin-top: 0px;
padding: 32px 0 2px;
}
.footer-add strong{
	color: #002768;
}
.footer-add i{
	font-size:12px;
	color: #bf0b30;
}
.footer-add.f-two, .footer-add.f-three{
	line-height: 1.4 !important;
margin: 0;
}
.footer-add.f-one strong{
	font-size: 12px;
font-family: "Umar Base";
font-weight: 100;
}
.footer-add.f-two strong{
	font-size: 14px;
color: #002768;
font-weight: 300;
}
.footer-add.f-three strong{
	font-size:14px;
}
.footer-add.f-five{
	float:right;padding-top: 0px;text-align: right;margin: 0;
}
.footer-add.f-five a{
margin-bottom: 10px;
padding: 2px 6px;
width: 150px;}
.footer-copyright {
    color: #ddd;
    padding: 10px;
    background-color: rgb(0, 39, 104);
	margin-bottom:30px;
}
.footer-copyright p{
	margin:0;
}
.footer-copyright p a:hover
{
    color:#ef672f;
}
.footer-copyright p a{
color:#ddd;	
}
#scrollUp {
	border: 1px solid #3ab1ff;
	bottom: 15px;
	color: #3ab1ff;
	display: none;
	padding: 8px 12px;
	position: fixed;
	right: 20px;
	z-index: 600;
}

#scrollUp:hover {
	background-color: #3ab1ff;
	border: 1px solid #666;
	color:#fff;
}
.enquiry {
width: 170px;
    height: 30px;
    position: fixed;
    bottom: -50px;
    right: -170px;
    text-transform: uppercase;
    z-index: 999;
    display: block;
    border-bottom-left-radius: 10px;
    background-color: rgb(0, 39, 104);    
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(-100%) rotate(90deg);
    -webkit-transform-origin: right top;
    -moz-transform: translateX(-100%) rotate(90deg);
    -moz-transform-origin: right top;
    -o-transform: translateX(-100%) rotate(90deg);
    -o-transform-origin: right top;
    transform: translateX(-100%) rotate(90deg);
    transform-origin: right top;
    padding: 0 13px;
}
.enquiry a{
    color: #fff !important;
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
    }
.enquiry:hover {
    background-color: #444;
}
#footer{background-color: #fff;	margin-bottom:0;
	padding-top:20px;}
.footer-info-wrap { margin: 20px 0px 0px 0px;}
.footer-info-wrap img{}
.footer-info-wrap p{
    text-align: justify;
    margin: 10px 0px;
}
#footer .social-bar{float:left;}
#footer .social-bar li:before{content: '' !important;}

.footer-logo
{
    margin-left: 10px;
    float: right;
}
@media (max-width: 500px) {
	.footer-copyright {
	margin-bottom:50px;}
	.slick-slider .slick-track{
		
	}
    .footer-logo {
        margin-left: 10px;
        float: right;
        width: 100%;
    }
	.footer-social {
  float: right;
  text-align: center;
  margin-top: 20px;
  display: inline-flex;
}
.top-botton a#showTop{
font-size: 14px;
line-height: 1.2;
padding: 0 5px 2px 5px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
margin-top: -5px;
}
.top-bar .topbar-contact-list li {
  font-size: 11px;
}
.top-bar .topbar-contact-list li.phn-num, .social-icon.top-sm .btn-primary{display:none;}
.navbar-brand h1 img {
  height: 60px !important;
  margin-right: 34px;
  padding: 0;
  float: right;margin-top: 5px;
}
.navbar-inverse{border:none !important;}
.breakthroughs-sec{padding:5px;}
.breakthroughs-sec .col-xs-4{padding-right:0;}
.breakthroughs-sec h5{font-size:13px;display: none;}
.breakthroughs-sec ul li {font-size: 13px;}
.top-botton img {
  height: 60px;
  left: 15px;
  margin-top: 5px;
}
.progress-web h5{
	font-size:14px;
}
.tagline-covered .home-right-box{
	margin-top:10px;
}
.topbar-contact-list li i{
	margin-right:0;
}
.is-sticky .navbar-brand h1 img{
	height: 50px !important;
margin-top: 0 !important;
padding: 2px 0 2px 5px !important;
}
.sticky-wrapper {
height: 80px !important;}
.is-sticky .navbar-inverse .navbar-toggle{
	padding: 13px;
	margin:0 !important;
}
.header-main-logo .punch-line {
  text-align: left;
  position: absolute;
  font-weight: 700;
  font-size: 12px;
  margin: 60px 0 0 0;
}
.thumbnail-style {
width:188px !important;
}
.color-1 {
  width: 300px !important;
  height: 250px !important;
  margin: 0 auto 15px !important;
}
.advantage-section ul {
  margin: 0 !important;
}
.advantage-section .btn-primary{
	margin-bottom:20px;
}
#footer .col-xs-6, #footer .col-sm-6{
	width:50% !important;
}
#footer .f-add .col-xs-12{
	width:100% !important;
}
.social-icon{
	float:left;
}
.footer-add.f-five {
  float: left;
}
}
.footer-social
{
    text-align: center;
      margin-top: 8px;
}
.twitter-follow-button
{
      width: 125px !important;
}
.fb_iframe_widget {
  display: inline-flex !important;
}
.page-slider{margin-top:0 !important;}

/* Slogan Area */
.slogan {
    min-height: 100px;
    background: #fafafa;
    width: 100%;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.slogan-content {
    padding: 25px 0;
}

.slogan-title {
    margin: 0 0 5px 0;
}
.slogan .get-started{
    margin-top: 10px;
}
/* Circular navigation */
.cn-wrapper {
    width: 26em;
    height: 26em;
    position: relative;
    z-index: 10;
    bottom: 0;
    left: 50%;
	overflow: hidden;
    margin-left: -185px;
    border: 1px solid #ddd;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.cn-wrapper:after {
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
    border-radius: 50%;
    z-index: 11;
}

.cn-wrapper li {
    position: absolute;
    font-size: 1.5em;
    width: 10em;
    height: 10em;
    background: #002768;
    overflow: hidden;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    border: 1px solid #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.cn-wrapper li a {
    display: block;
    color: #fff;
    font-size: 1.2em;
    height: 13.5em;
    width: 13.5em;
    position: absolute;
    bottom: -6.75em;
    right: -6.75em;
	overflow: hidden;
    text-decoration: none;
    -webkit-transition: background-color .3s ease, -webkit-transform .8s ease;
    -moz-transition: background-color .3s ease, -moz-transform .8s ease;
    -o-transition: background-color .3s ease, -o-transform .8s ease;
    -ms-transition: background-color .3s ease, -ms-transform .8s ease;
    transition: background-color .3s ease, transform .8s ease;
}

.cn-wrapper li a:hover,.cn-wrapper li a.active {
    background-color: #fafafa;
    color: #002768;
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    -ms-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.cn-wrapper span {
    font-size: 1.3em;
}

/*Cirular Navigation Content*/
.cn-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.circular-nav {
	overflow:hidden;
}

#cn-tabs
{
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
#cn-tabs .service {
	display:none;
	overflow:hidden;
	background: #fafafa;
    padding: 15px 25px;
    border-radius: 2px;
}

.cn-content {
    
	overflow:hidden;
	
}

.cn-content p {
    z-index: 9999;
}

#cn-tabs .service:before {
    position: absolute;
    display: block;
    content: "";
    top: 44%;
    right: -3px;
    width: 35px;
    height: 35px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: none;
    border-bottom: 0;
    z-index: 1;
}

/*Marttalk Spinner
------------------------------------*/
#wwd-spinner {
position: absolute;
right: -50%;
top: -130%;
}

#wwd-spinner img, .feature-media img {
-webkit-animation: rotate 90s infinite linear;
-moz-animation: rotate 90s infinite linear;
animation: rotate 90s infinite linear;
}
.feature-media img {
    height: 400px;
    padding: 20px;
    float: right;
}
/*Ninja Form Edit*/
.text-wrap.label-above label, .textarea-wrap.label-above label{
    color: #555;
    margin: 0 !important;
    font-size: 12px;
}
.field-wrap, #ninja_forms_required_items {
    margin-bottom: 8px !important;
}
/*Ninja end*/

/*og-fullimg Scrollbar Edit*/
.og-fullimg ::-webkit-scrollbar {
    width: 12px;
}
.og-fullimg ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.og-fullimg ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.full-width .og-expander{left: -75px !important;width: 109.4% !important;}
#portfolio-item {    
    margin-bottom: 40px;
    border-bottom: 2px solid #ddd;
    border-top: 2px solid #ddd;
    box-shadow: 0 3px 5px #DCDCDC;}
.portfolio-fullimg{height: 300px;overflow: auto;}
.portfolio-fullimg img{width: 100%;}
.portfolio-detail{padding-right: 10px;}
#portfolio-item .post-meta{    
    margin: 0;
    border: none;
    padding: 0;}
/*Box Container View*/
.box-container-view{
    background-color:#002768;
}
/*Right Sidebar*/
#right-sidebar{
background-color: #fff;
padding: 0 15px 15px;
border: 1px solid #ddd;
width: 23%;
float: right;
}
#right-sidebar h3{
	color:#002768;
}
/* Circle items */
.web-features{
    padding: 30px 0;
}
.ch-item {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: default;
}

.ch-info-wrap i {
    color: #FFFFFF;
    font-size: 18px;
    width: 45px;
    line-height: 45px;
    position: relative;
    z-index: 5;
	text-shadow:0 3px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
}

.ch-info-wrap {
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #666;    
    top: 0px;
    left: 10px;
}

.ch-info {
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.2);
    box-shadow: 0 0 0 5px rgba(0,0,0,0.2);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ch-info > div {
    display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	
	-webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.ch-info .ch-info-front {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-back {
    -webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	box-shadow: inset 0 0 3px rgba(0,0, 0, 0.6);
	-moz-box-shadow: inset 0 0 3px rgba(0,0, 0, 0.6);
	-webkit-box-shadow: inset 0 0 3px rgba(0,0, 0, 0.6);
	-webkit-transition: all 0.4s ease-in-out 0.2s;
	-moz-transition: all 0.4s ease-in-out 0.2s;
	-o-transition: all 0.4s ease-in-out 0.2s;
	-ms-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;
	opacity: 0;
}

.ch-item:hover .ch-info-front {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
} 

.ch-item:hover .ch-info-back {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
	opacity: 1;
	pointer-events: auto;
    background: #002768;
}
.btn-toogle{
    background: transparent;
    border: 0;
    padding: 9px 0 8px 20px;
}
.btn-toogle i{
    font-size: 30px;
    color: #002768;
}
div.content-box div.content-box-info {
    padding-left: 90px;
    line-height: 3.5;
    padding-right: 28px;
}
div.content-box div.content-box-info h4{
        font-size: 16px;
    padding-top: 0;
    margin-bottom: 5px;
    color: #fff;
    cursor: pointer;
    line-height: 2.8;
    margin-top: 0;
}
.content-padding{
    padding: 40px 0;
}
/*page content*/
/*-------------------------------------------------------------
                    Titles
-------------------------------------------------------------*/
.main_title.light h2, .title1.light, h2.title2 {
    font-weight: 300;
}
.centered {
  text-align: center;
}
h2.title2 {
    font-size: 32px;
    margin-bottom: 30px;
}

h2.title2 span.red {
    background: #e74c3c;
}

h2.title2 span {
    background: #002768;
    margin-right: 20px;
    padding: 8px 17px 7px;
    color: #fff;
}

.main_title.no_line h2, .main_title.no_line h3, .main_title.no_line h4 {
    padding-bottom: 0;
    margin-bottom: 20px;
}

.main_title.no_line .line {
    display: none;
}

.main_title.small h2, .main_title.small h3, .main_title.small h4{
    color: #002768;
    font-size: 24px;
    margin-right: 15px;
}

.main_title.medium h2 {
    font-size: 24px;
}

.main_title.small h2, .main_title.small h3,.main_title.small h4 {
    font-size: 22px;
}

.main_title.small:not(.no_line) h2, .main_title.small:not(.no_line) h3, .main_title.small:not(.no_line) h4 {
    margin-bottom: 35px;
}

.main_title h2, .main_title h3, .main_title h4 {
    color: #002768;
    font-size: 30px;
    font-weight: 400;
    padding-bottom: 15px;
    position: relative;
    line-height: 40px;
	margin: 10px 0 0 0;
}

.main_title.small_space h2, .main_title.small_space h3, .main_title.small_space h4 {
    margin-bottom: 25px;
}

.main_title .line i {
    background: #fff;
    color: #002768;
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: -20px;
    width: 40px;
}

.main_title.align_right .line i {
    padding-left: 13px;
    padding-right: 0;
    right: 0;
}

.main_title:not(.centered):not(.align_right) .line i {
    padding-right: 13px;
    width: auto;
}

.main_title.side_line > h2, .main_title.side_line > h3, .main_title.side_line > h4 {
    margin-bottom: 23px;
}

.main_title h2 .line, .main_title h3 .line, .main_title h4 .line {
    background: rgba(0, 0, 0, 0.07);
    bottom: 0;
    height: 1px;
    position: absolute;
    width: 33%;
}

.main_title .line:before {
    background: #bf0b30;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    width: 100px;
	transition: all 0.4s ease;
}

.main_title.align_right .line:before {
    right: 0;
}

.main_title.has_bg.align_right .line:before {
    right: 20px;
}

.main_title .dot {
    background: #fff;
    border: 3px solid #bf0b30;
    height: 15px;
    position: absolute;
    top: -6px;
    width: 15px;
}

.main_title.align_right .dot {
    right: 0;
}

.main_title h2:hover .line:before, .main_title h3:hover .line:before, .main_title h4:hover .line:before {
    width: 75%;
}

.main_title.side_line h2:after, .main_title.side_line h3:after, .main_title.side_line h4:after   {
    left: -65px;
}

.main_title.side_line h2:before, .main_title.side_line h3:before, .main_title.side_line h4:before {
    right: -65px;
}

.main_title.side_line.align_right h2:before, .main_title.side_line.align_right h3:before, .main_title.side_line.align_right h4:before   {
    left: -65px;
    right: auto;
}

.main_title.lato h2, .main_title.lato h3, .main_title.lato h4 {
    font-weight: 300;
    font-family: "lato", sans-serif;
}

.main_title.short_line h2 {
    display: inline-block;
}

.main_title.side_line h2 {
    display: inline-block;
}

.main_title.side_line h2 {
    padding-bottom: 5px;
}

.main_title.side_line .line:before {
    background: none;
}

.main_title.side_line .line {
    background: none;
}

.main_title.short_line .line:before {
    background: none;
}

.main_title.has_bg > h2 {
    padding: 16px 18px 18px;
    display: inline-block;
}

.main_title.has_bg .line {
    background: none;
}

.main_title.has_bg .line:before {
    background: none;
    border-style: solid;
    border-width: 12px 50px 0;
    border-color: transparent;
}

.main_title.gray_bg > h2 {
    background: #eeeeee;
}

.main_title.blue_bg > h2 {
    background: #002768;
    color: #fff;
}

.main_title.gray_bg .line:before {
    border-color: #eeeeee transparent transparent;
}

.main_title.blue_bg .line:before {
    border-color: #002768 transparent transparent;
}
h3.sub_title{position: relative;padding-bottom: 15px;border-bottom: 8px solid #eaeaea;}
.sub_title:after{
    content: "";
    display: inline-block;
    width: 70px;
    height: 8px;
    background: #002768;
    position: absolute;
    left: 0;
    bottom: -8px;
}
.centered .main_title.side_line h2:after, .main_title.side_line.centered h2:after, .main_title.side_line h2:before {
    background: #324545;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 15px;
    width: 50px;
}
.top_add_card > span, .rotate_icon, .icon_boxes_con.style1 .service_box > .icon, .icon_boxes_con.style1 .service_box .service_box_con:before, .icon_boxes_con.style1 .service_box .ser-box-link, h2.title2 span:after, .main_title.centered .line i, .centered .main_title .line i, .main_title.centered span, .centered .main_title span, .main_title.centered span:before, .centered .main_title span:before, .description3.centered:after, .tabs2 .tabs-navi a.selected:after, .tabs2 .tabs-navi a.selected:before, .tabs1.fill_active .tabs-navi a.selected:before, .section_icon, .counter .title:before, .counter .title:after, .add2cart_btn, .shop_slider .pro_add2cart_details, .cart_toltip_icon:before, .sidebar_slide_discount:before, .sidebar_slide_price:before, .progress_bar.prog_bar2 .value:after, .progress_bar.prog_bar2 .value:before, .blog_grid_format, .plan_column1 .plan_price_block, .hm_filter_wrapper_con.timeline:after, .wobbly_slide ul li > svg, .face404, #navy > li > a:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.breadcrum-detail{
    position: absolute;
    z-index: 9;
    width: 100%;
    bottom: 0;
}
.breadcrum-detail h1 {
    color: #f6f6f6 !important;
    margin: 10px 0;
    font-size: 16px;
    font-family: Tahoma;
    background: #444;
    padding: 5px 10px;
}
.breadcrum-detail p {
    background: rgba(255, 255, 255, 0.5);
    color: #424242;
    padding: 0 5px;
}
.parallax-window {
	min-height: 500px;
	background: transparent;
}
.page-content{
    padding-top: 0;
}
.page-title h1{
        margin: 0 0 15px;
    color: #fff;
}
.page-title h2, .page-title h3, .page-title h4{
    margin: 0 0 15px;
    color: #fff;
    font-family: tahoma;
}
.bg-first{
    background: url('');
    height: 600px;
    padding-top: 120px;
    }
.bg-first p{
    padding: 0;
    color: #fff;
}
.bg-first strong{
    background: #002768;
    padding: 5px 10px;
    line-height: 6;
}
.bg-first img{
    width: 40px;
}
.bg-first ul.technology-icon li{
    border-radius: 50%;
    border: 1px solid #555;
    padding: 13px;
}
.bg-first ul.technology-icon li:hover{
    background: #002768;
    border: 1px solid transparent;
}
.bg-service-2{
     background: url('');
    background-size: cover;
    padding: 70px 0;
}
.bg-service-1{
    padding: 70px 0;
}
.bg-second{
    height: 500px;
    padding: 70px;
}
.bg-third{
    background: url('');
    height: 500px;
}
.bg-fourth{
    padding: 70px 0;
}
.list-features{
    text-align: left;
    margin: 0 70px;
}
.list-features ul {
    padding-left: 30px;
}
.list-features ul li i{
    color: #002768;
    font-size: 11px;
}
.price-detail{
    margin: 0 130px;
    background: #002768;
    padding: 20px 0;
    color: #fff;
}
.price-detail strong{
    font-size: 40px;
}
.price-detail p.price-text{
    font-family: sans-serif;
    text-transform: uppercase;
    margin: 0;  
}
.price-detail a{
    color: #fff;
    margin-top: 10px;
    line-height: 1.9;
}
.price-detail a.btn-transparent:hover{
    background: #444;
}
.text-size-20{
    font-size: 20px;
}
.list-box{
        background: rgba(0,0,0,0.2);
    padding: 30px;
}
.portfolio-bg{
    background: url('');
    background-size: cover;
    height: 500px;
}
/*Section service start*/
/*Servive Blocks*/
.servive-block .servive-block-in {
	padding: 20px 30px;
	text-align: center;
	margin-bottom: 20px;
	background: #fafafa;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.servive-block .servive-block-in:hover {
	box-shadow: 0 0 8px #bbb;
}

.servive-block .servive-block-in h4 {
	line-height: 20px;
    font-size: 18px;
}
.servive-block-in p{
    font-size: 12px;
}
.servive-block .servive-block-in h4 a:hover {
	color: #002768;
	text-decoration: none;
}

.servive-block .servive-block-in:hover h4,
.servive-block .servive-block-in:hover i {
	color: #002768;
}

.servive-block .servive-block-in i {
	color: #565656;
	font-size: 30px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.servive-block .servive-block-red {
	background: #e74c3c;
}
.servive-block .servive-block-sea {
	background: #1abc9c;
}
.servive-block .servive-block-blue {
	background: #3498db;
}
.servive-block .servive-block-grey {
	background: #95a5a6;
}
.servive-block .servive-block-yellow {
	background: #f1c40f;
}
.servive-block .servive-block-orange {
	background: #e67e22;
}
.servive-block .servive-block-green {
	background: #2ecc71;
}

.servive-block .servive-block-colored i,
.servive-block .servive-block-colored p,
.servive-block .servive-block-colored h4,
.servive-block .servive-block-colored:hover i,
.servive-block .servive-block-colored:hover h4 {
	color: #fff;
}

.servive-block .servive-block-colored:hover {
	opacity: 0.8;
	box-shadow: none;
}

/*Service*/
.service {
	overflow: hidden; 
	margin-bottom: 10px;
	padding: 15px 15px 10px;
    background: rgba(256,256,256,0.7);
    border-bottom: 2px solid #002768;
}
.service:hover {
	background: #fcfcfc;
	box-shadow: 0 0 5px #ddd;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.service:hover i {
	color: #656565;
}

.service .desc {
	padding: 0 15px; 
	overflow: hidden;
}
.service .desc h4 {
	font-size: 22px;
	line-height: 25px;
}

.service .service-icon {
	color: #002768;
	font-size: 45px;  
	text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service .service-icon.icon-cogs {
	font-size: 37px;
}
.service .service-icon.icon-plane {
	font-size: 43px;
}
/*Section service start*/
/*Thumbnail*/
a.thumbnail {
	padding: 0;
	border: none;
	margin-bottom: 15px;
}
.thumbnail-style { 
	padding: 0;
	margin: 10px 6px 20px 6px;
}
.thumbnail-style .caption{
	background: #002768;
line-height: 0.7 !important;
padding:5px !important;
z-index:99999;
}
.thumbnail-style .caption .hover-effect{
	font-size:12px !important;
	color:#fff !important;
	font-weight:600;
}
.pciwgas-cat-wrap .pciwgas-pdt-cat-slider .pciwgas-post-cat-inner{
padding:0 !important;	
}
.thumbnail-style:hover { 
	box-shadow: 0 0 8px #ddd; 
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.thumbnail-style h3 {
	margin: 5px 0 10px 0;
	text-align:center;
	line-height: 0.4;
}
.thumbnail-style h3 a {
	font-size: 12px;
	color:#324871;
}
.thumbnail-style:hover h3 a {
	color: #ed4401;
	text-decoration: none;
}
.thumbnail-style .thumbnail-img {
	position: relative;
	margin-bottom: 0;
}
.thumbnail-style a.btn-more {
	right: -10px;
	bottom: -10px;
	color: #fff;
	padding: 1px 6px;
	position: absolute;
	background: #324871;
	display: inline-block; 
	font-size:11px;
}
.thumbnail-style a.btn-more:hover {
	text-decoration: none;
}
.thumbnail-style:hover a.btn-more {
	right: 10px;
	background: #bf0b30 !important;
}
.thumbnail-style:hover .caption {
	background: #bf0b30 !important;
	
}
.thumbnail-kenburn img {
	left: 10px;
	margin-left: -10px !important;
	position: relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.thumbnail-kenburn:hover img {
   -webkit-transform: scale(1.2) rotate(2deg);
   -moz-transform: scale(1.2) rotate(2deg);
   -o-transform: scale(1.2) rotate(2deg);
   -ms-transform: scale(1.2) rotate(2deg);
   transform: scale(1.2) rotate(2deg);
   z-index:99;
}
.col-md-2.ww{
	width:14.2857% !important;
}
.first-tag-line{
	background: transparent;
color: #fff;
position: absolute;
z-index: 9;
margin-left: 25px;
text-shadow: 1px 0 3px #444;
}
.overflow-hidden {
    overflow: hidden;
}
/* Front Page Advantages Section */
.advantage-section{
	padding: 0;
}
.advantage-section h4.logo-mm-text{
font-size: 16px;
margin: 0;
  margin-bottom: 0px;
padding: 0;
letter-spacing: 0;
color: #fff;
position: relative;
font-weight: 600;
margin-bottom: 12px;
text-shadow: 1px 1px 2px #666;
}
.advantage-section{
	background-image:url();
	box-shadow: inset 0 0 0px #a8a8a8;
	border-top: 5px solid #bf0b30;
border-bottom: 5px solid #bf0b30;
background-image: url("http://usfoundries.com/wp-content/uploads/2022/03/trench-15.jpg");
  background-attachment: scroll;
padding-bottom: 17px;
}
.advantage-section h3.adv{
background: rgb(157, 5, 36);
margin: 0;
padding: 5px;
color: #fff;
font-size: 26px;
letter-spacing: 10px;
line-height: 1.3;
}
.advantage-section h4{
	position: absolute;
margin: 0 auto;
  margin-top: 0px;
left: 0;
right: 0;
margin-top: 10px;
}
.advantage-section h3.adv strong{

}
.advantage-section ul{
	margin:20px 0 15px 0;
}
.advantage-section ul li i{
margin-right: 8px;
line-height: 1.6;
font-size:14px;
}
.advantage-section ul li{
font-size: 14px;
color: #002768;
font-weight: 300;
padding: 5px;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
background: #eff5ff;
margin: 10px 50px;
display: flex;
align-items: center;
line-height: 1.3;
height: 28px;
box-shadow: 2px 2px 2px #575757;
}
.advantage-section .rght ul li{

}
.advantage-section ul li small{
	display:none;
	-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
/*.advantage-section ul li:hover small{
	display:contents;
	   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}*/
.advantage-section ul li:hover{
	color: #fff;
	font-weight:300;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   background:#be0a2e;
   cursor: pointer;
}
.advantage-section ul li:hover i{
	margin-right: 6px;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.advantage-section .btn-primary{
	background-color: #002768;
	border-color:none !important;
	position: absolute;
margin: 0 auto;
  margin-top: 0px;
left: 0;
right: 0;
width: 320px;
margin-top: -20px;
}
.advantage-section .btn-primary:hover{
	background-color: #bf0b30;
	border-color:none !important;
}
.respo-section{
	padding:0 0 30px 0;
	background:#eee;
}
.respo-section h3.adv{
background:#bf0b30;
margin: 0;
padding: 10px;
color: #fff;
font-size: 24px;
letter-spacing: 10px;
margin-bottom:30px;
font-weight:600;
}
.respo-section ul li a{
	color: #002768;
	-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
.respo-section ul li{
font-size: 18px;
color: #002768;
font-weight: 300;
padding: 14px 5px;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
background: #fff;
margin-bottom: 10px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.3;
height: 60px;
border: 1px solid #ddd;
box-shadow: 1px 1px 1px #bbb;
}
.respo-section ul li:hover{
	color: #fff;
	font-weight:300;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   background:#002768;
   cursor: pointer;
}
.respo-section ul li:hover a{
	color: #fff;
		font-weight:600;
		font-size:22px;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
}
/* About*/
.color-1{
background: #def0f9;
box-shadow: 0 1px 5px #b3b3b3;
margin: 0 10px 20px 10px;
}
.mt-about-us {
    color: #fff;
    background: #f6f6f6;
    position: relative;
    padding-bottom: 0px;
}
.mt-about-us-img{
    width: 80px;
	height: 80px;
    z-index: 999;
	margin: 0 auto;
padding: 10px 0 0 0;
    }
.mt-about-us .mt-about-us-img img{
    padding: 0px;
}
.mt-about-us h3, .mt-about-us p, .mt-about-us i{
	color:#002768;
}
.mt-about-us p{
	text-align:left;padding: 0 10px;
}
.mt-about-us h5.sub-title{
font-size: 22px;
font-weight: 600;
}
.mt-about-us h5.sub-title a{
color:#bf0b30;
}
.mt-about-us-item h3{
	margin:15px 0 15px;
}
.mt-about-us-item {
    text-align:center;
    min-height: 1px;
    position: relative;
    transition: all .2s ease-in-out;
	overflow: hidden;
}
.mt-about-us-inner {
	z-index: 2;
    height: 100%;
	position: relative;
    transition: all .2s ease-in-out;
    
}
.mt-about-us-inner {
	transition: all .4s ease-in-out;
    /*! border-radius: 10%; */
	overflow: hidden;
}
.mt-about-us-inner img{
width: 200px;
margin-top: 60px;
position: absolute;
z-index: -1;
margin-left: 0px;
}
.mt-about-us-inner-right p, .mt-about-us-inner-right h3{
    text-align: right;
}
.mt-about-us-item:hover, .mt-about-us-inner:hover {
    border-radius: 3%;
	background:#fff;
    transition: all .4s ease-in-out;
}
.mt-about-us-item:hover p, .mt-about-us-inner:hover i, .mt-about-us-inner:hover h3, .mt-about-us-item:hover i{
    transition: all .2s ease-in-out;
	color:#002768;
}
/* Marqueee */
.wrapper {
background: #fff;
padding: 5px 0 0 0;
margin-bottom: 10px;
}

.marquee {

}

.marquee p {
display: inline-block;
white-space: nowrap;
overflow: hidden;
animation: marquee 20s linear infinite;
font-size: 16px;
margin: 0;
}

@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
/*
@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}*/
.btn-primary {
    color: #fff;
    background-color:#002768;
    border-color: transparent;
}
.btn-primary:hover {
background-color: #002768;
border-color: transparent;
}
.video-section {
    text-align: center;
    padding: 20px 0 0 0;
    background: #eee;
}
.video-section {
	background-image: url("http://usfoundries.com/wp-content/uploads/2021/09/grates-bg.jpg");
}
.video-section p{
	color: #002768;
}
.video-section iframe{
	width: 80%;
height: 190px;
}

.video-section .v2 iframe{
margin-top:30px;
}
.video-section h1{
	color: #bf0b30;
font-size: 24px;
}
.video-section small{
	color: #bf0b30;
}
.video-section h5{
font-size: 18px;
color:#002768;
width: 100%;
margin: 0 auto;
    margin-bottom: 0px;
margin-bottom: 20px;
line-height: 1.3;
}
.client-section{
	padding:10px 0 10px 0;
}
.client-section ul li{
	margin:0;
	border: 1px solid #ddd;
	background: #fff;
	box-shadow: 4px 0px 0px #555;
}
.client-section ul li img{
	width:106px;
}
.client-section a{
	color: #002768;
}
.client-section p.g-one{
	color: #002768;
font-size: 14px;
margin-bottom: 0px;
text-align:center;
}
.client-section .global-presence p.g-two{
	color: #002768;
	text-align: right;
font-weight: 600;
margin: 0;font-size: 12px;line-height: 1.3;
}
.client-section .global-presence .col-md-2{
border: 1px solid #ddd;
padding: 15px 15px 5px 15px;
background: #fff;width:235px;margin-right: 4px;box-shadow: 4px 0px 0px #555;
}
.global-presence h6{
	font-size: 12px !important;
color: #bf0b30;line-height: 1.3;text-align:center;
margin:0;
}
.global-presence{
margin-bottom:0px;	
}
.global-presence table{
	margin:0;
	border:none;
}
.global-presence table td{
	padding:0 8px 0 0;
	line-height: 1.7;
	border:none;
}
.global-presence img{
width:70px;
}
.client-section .js-marquee-wrapper{
	border: 4px solid #002768;
line-height: 0.7;
display:inline-block;
}
.client-section h3{
	font-size: 18px;
background: #002768;
color: #fff;
margin: 0;
padding: 5px 0;
line-height: 1.4;
}
.content-page-box{
	margin: 20px 16%;
padding: 15px;
}
.content-page-box p, .content-page-box li{
font-size: 16px;
text-align: justify;
color:#073888;
}
.btn-success{
	background-color: #3ab1ff;
	border:none;
}
.btn-success:hover{
	background-color: #111 ;
	border:none;
}
#myVideo {
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}
.contentmyvideo {
  bottom: 0;
  color: #002768;
  width: 100%;
padding: 20px 0 180px;
margin-top: -38.3%;
}
.contentmyvideo .col-md-6{
	padding-left: 100px;
	padding-top: 30px;
}
.contentmyvideo h4{
font-size: 28px;
background: #bd0a2f;
width: 400px;
padding: 7px 10px;
color: #fff;
font-weight: 700;
}
.contentmyvideo li{
	font-size: 22px;
	padding-bottom:5px;
	color: #002768;
}
.contentmyvideo li i{
	font-size: 15px;
color: #bd0a2f;
margin-right:6px;
}