/*

Content:

 1 - Basic
 2 - Slider
 3 - Navigation
 4 - Parallax overlay and text
 5 - About us
 6 - Our Work
 7 - Testimonials
 8 - Our clients
 9 - Our Team
10 - Pricing Table
11 - Google Map
12 - Contact
13 - Footer
14 - Media Queries

*/

/*Basic ============================================================*/

#preload{

	width:100%;
	height: 100%;
	position: absolute;
	z-index: 1000000;
	background-color: white;
}

.preload {
	width:100px;
	height: 100px;
	left:45%;
	top:45%;
	position: absolute;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.ui-loader {
	display: none;
}

a {
    outline:none;
	text-decoration: none;
    color: #004A95;
}

a:focus {
    outline:none;
	text-decoration: none;
    color: #004A95;
}

a:hover {
    outline:none;
	text-decoration: none;
    color: #FF3B02;
}

body {
	font-family: 'Franklin Gothic Book', arial;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

::selection {
	background: #041944;
	color: #fff;
	}

::-moz-selection {
	background: #041944;
	color: #fff;
}

h1 {
	color: #041944;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Franklin Gothic Book', arial;
	font-weight: 300;
	font-size: 40px;
	margin-top:40px;
	margin-bottom: 15px;
}

h2 {
	color: #041944;
	text-align: center;
	font-weight: 300;
	font-family: 'Franklin Gothic Book', arial;
}

h3 {
	color: #2b454c;
	text-align: center;
	font-weight: 300;
	font-family: 'Franklin Gothic Book', arial;
}

h4 {
	color: #2a383c;
	text-transform: uppercase;
	text-align: center;
	font-weight: 400;
	font-family: 'Franklin Gothic Book', arial;
	font-size: 14px;
}

p {
	text-align: center;
	color: #181e20;
	font-weight: 400;
	font-family: 'Franklin Gothic Book', arial;
	font-size: 14px;
	padding: 0 30px;
}

h6 {
	text-align: left;
	color: #2a383c;
	font-family: 'Franklin Gothic Book', arial;
	font-size: 18px;
	line-height:1.8em;
}

.folio p {
	text-align: left;
	color: #181e20;
	font-weight: 300;
	font-family: 'Franklin Gothic Book', arial;
	font-size: 15px;
	padding: 0 30px;
}

/*SLIDER BEGINNING ============================================================*/

.carousel {
	background-image: url(../images/background-02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.carousel-control.left {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0px, rgba(255, 255, 255, 0) 100%);
}

.carousel-control.right {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.5) 100%);
}

.text_slider {
	position: absolute;
	max-width: 100%;
	top:60%;
	z-index: 0;
	left: 0;
	right: 0;
}

.text_slider p {
	font-family: 'Franklin Gothic Book', arial;
	font-size: 40px;
	font-weight: 200;
	text-align: center;
	text-transform: uppercase;
	color: white;
	text-shadow:1px 1px 2px #041944;
	line-height: 45px;
}

.smaller_font {
	font-weight: 300 !important;
	font-size: 18px !important;
	text-transform: none !important;
}

.slider_line {
	height: 2px;
	background-color: #fff;
	width: 150px;
	margin: 0 auto;
}

.slider_circle_image_1 {
	background-size: 230px 230px;
	background-repeat: no-repeat;
	border-radius: 50%;
	height: 230px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 23%;
	width: 230px;
	z-index: 0;
}

.slider_circle_image_2 {
	background-size: 230px 230px;
	background-repeat: no-repeat;
	border-radius: 50%;
	height: 230px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 23%;
	width: 230px;
	z-index: 0;
}

.slider_circle_image_3 {
	background-size: 230px 230px;
	background-repeat: no-repeat;
	border-radius: 50%;
	height: 230px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 23%;
	width: 230px;
	z-index: 0;
}

.carousel-control {
	font-weight: bold;
	top: 43%;
	width: 59px;
	height: 59px;
	border: none;
	padding-top: 0;
	color: #fff;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
	font-size: 50px;
	height: 30px;
	margin-left: -15px;
	margin-top: -33px;
	width: 30px;
}

.carousel-indicators li, .carousel-indicators .active {
	border-radius: 50%;
	height: 15px;
	width: 15px;
	margin-left: 6px;
	margin-right: 6px;
	background-color: #e6e6e6;
	border: none;
}

.carousel-indicators .active {
	background-color: #041944; 
	margin-bottom: 1px;
}

/* Navigation ============================================================*/

.nav-outer {
	background-color: #041944;
}

.navbar {
 	border-radius: 0;
 	border:none;
 	margin-bottom: 0px!important;
}

.navbar-default  {
	background-color: #041944;
 	border: none;
}

.navbar-header {
	border: none;
	padding: 0;
}

.navbar-default .navbar-collapse {
	border-top: none!important;
	padding: 0!important;
	box-shadow: none;
}

.logo img {
	height: 33px;
	width: 134px;
	float: left;
	margin-top: 13px;
	margin-left: 15px;
}

.navbar-nav {
	list-style-type: none;
	text-align: center;
	float: right;
	border: none;
}

.navbar-nav li a {
	font-family: 'Franklin Gothic Book', arial;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	color: white !important;
	padding: 15px 13px 16px;
}

.navbar-nav li a:hover, .navbar-nav li a.linkhover{
	text-decoration: none;
	font-size: 14px;
	background-color: #a5b9be!important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #a5b9be;
    color: #fff;
}

.navbar-toggle .icon-bar {
	background-color: #041944;
	border-radius: 1px 1px 1px 1px;
	display: block;
	height: 1px;
	width: 10px;
	margin: 0 auto;
}

.navbar-toggle {
	background-color: #FF3B02;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin: 10px 0;
	right: 10px;
	width: 30px;
	height: 30px;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-toggle:hover {
	background-color: #041944;
}

.navbar-default .navbar-toggle:focus {
	background-color: #041944;
}

.dropdown-menu {
	background-color: #041944;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #a5b9be;
    color: #fff;
}

.phone {
	height: 15px;
	width: 230px;
	float: left;
	margin: 18px 18px;
	margin-left: 140px;	
}

.phone a {
	text-align: left;
	line-height: 5px;
	padding: 0;
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
}

.phone a:hover {
	text-align: left;
	line-height: 5px;
	padding: 0;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
    color: #FF3B02;
	text-decoration: none;
}
/* About us ============================================================*/

.services_outer {
	background-color: #fff;
}

.bubble {
	position: absolute;
	border-radius: 50%;
	left: 50%;
	top:50%;
	z-index: 0;
	background-color: rgba(255, 255, 255, 0.6);
}

.bubble_outer_one, .bubble_outer_two, .bubble_outer_three {
	height: 150px;
	width: 150px;
	margin: 20px auto 0;
	border-radius: 50%;
	position: relative;
	background-color: #0AC2E6;
}

/* Services ICONS =======*/

.bubble_container i {
	display: block;
	font-size: 5.5em;
	height: 100%;
	margin: 0 auto;
	padding: 23%;
	text-align: center;
	width: 100%;
}

.services_outer article {
	margin-bottom: 70px;
}

.about_us_image {
	margin-bottom: 50px;
}

.about_us_image img {
	margin: 0 auto;
	display: block;
	height: auto;
	max-width: auto;
}

.about_line {
	border-bottom: 2px solid #e1e1e1;
	width: 20%;
	margin: 25px auto;
}

.about_line_2 {
	border-bottom: 2px solid #e1e1e1;
	margin: 40px auto;
	width: 20%;
}

/* ABOUT US SKILL BAR =======*/

.progress {
    background-color: #041944;
    border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 40px;
    margin-bottom: 20px;
    overflow: hidden;
}

.progress-bar-success{
	background-color: #FF3B02;
	text-align: left;
}

.sr-only {
	display: block;
	margin: 10px;
	overflow: visible;
	position: relative;
}

#about {
	background-color: #fff;
	padding-top: 30px;
}

.about_us_icon {
	display: block;
	float: left;
	width: 10%;
}

.about_us_icon .icon-stack i:first-child {
	font-size: 2.5em;
	color: #041944;
}

.about_us_icon .icon-stack i:last-child {
	font-size: 1.2em;
	text-align: center;
	margin: 0 auto;
}

.article_text {
	width: 90%;
	float: right;
}

.about_us h2, .about_us h4, .about_us p {
	text-align: left;
	padding: 0;
	margin-bottom: 3px;
}

.article_text p {
	text-align: left;
	padding: 0;
	margin-bottom: 20px;
}

.about_us h3 {
	margin-top: 0;
	margin-bottom: 7px;
	text-align: left;
}

.about_us article {
	margin-bottom: 20px;
	display: inline-block;
	background-color: #fff;
	padding: 10px;
}

.about_arrow {
	background-image: url(../images/about_arrow@2x.png);
	background-size: 13px 25px;
	height: 25px;
	position: absolute;
	left: 2px;
	top: 60%;
	width: 13px;
	display:none;
}

.about_us article:hover {
	background-color: #041944;
	transition: 0.7s;
}

.about_us article:hover .article_text p, .about_us article:hover .article_text h3 {
	color: #fff;
}

.button {
    height:37px;
	width:310px;
    border-color:#e1e1e1 #e1e1e1 #e1e1e1 #e1e1e1;
    border-style:solid;
    background:#041944;
    cursor:pointer;
	border-radius: 15px;
	float: center;
}

.button:hover {
    border-color:#51626a;
    border-style:solid;
    border-width:1px;
    background:#51626a;
}

.button:focus {
    background:#ddd;
    border-color:#ddd #333 #333 #ddd;
    border-style:solid;
    border-width:1px;
}

.button:active {
    background:#ff0000;
    border-color:#ddd #333 #333 #ddd;
    border-style:solid;
    border-width:1px;
}
/* Parallax overlay and text =======================================*/

.paraword {
	width: 70%;
	margin: 90px auto 0;
}

.paraword h4{
	border-left: 7px solid #041944;
	border-right: 7px solid #041944;
	padding: 20px;
	text-transform: none;
	color: #150000;
	text-align: center;
	font-weight: 400;
	font-family: 'Franklin Gothic Book', arial;
	font-size: 18px;
}

.paraword p {
	color: #150000;
	width: 150px;
	padding: 10px;
	margin: 0 auto;
}

.overlay {
	height: 300px;
	width:100%;
	position: absolute;
	background-color: #041944;
	opacity: 0.7;
}

.overlay_2 {
	height: 300px;
	width:100%;
	position: absolute;
	background-color: #041944;
	opacity: 0.7;
}

.overlay_3 {
	height: 300px;
	width:100%;
	position: absolute;
	background-color: #aa9a79;
	opacity: 0.7;
}

/* Our Work ============================================================*/

.our_work_outer {
	background-color: #fff;
}

.work_animate, .testimonial_animate, .team_animate /*class for large device*/{
	height: 100%;
	height: 16px;
	left:0;
	text-align: center;
	top:60px;
}

.work_animate_mob, .testimonial_animate_mob, .team_animate_mob /*class for small device*/{
	position: absolute;
	width: 100%;
	height: 16px;
	left:0;
	text-align: center;
	top:90px;
}

.work_animate i, .testimonial_animate i, .team_animate i /*icons for large device*/{
	font-size: 20px;
	color: #000;
}

.work_animate_mob i, .testimonial_animate_mob i, .team_animate_mob i /*icons for small device*/{
	font-size: 20px;
	color: white;
}

.team_animate i, .team_animate_mob i {
	margin: 3px;
}

/* Testimonijals ============================================================*/

.testimonials_outer {
	background-color: #fff;
}

.testimonials_outer h3, .our_work_outer h3 {
	margin: 20px 0;
}

.client_image {
	height: 100px;
	width: 100%;
	margin: 20px auto 20px;
}

.client_image img {
	margin: 0 auto;
	display: block;
	height: 100px;
	width: 100px;
}

.holder_slider {
	max-width: 960px;
	min-width:150px;	
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}

.slider {
	width: 100%;
	max-width: 960px;
	min-width:150px;
}

.slider li {
	width: 20%;
	background-color: #fff;
	display:block;
	float: left; 
	list-style-type: none;
}

.slider ul {
	width: 500%;
	position: relative;
	margin: 0;
	padding: 0;
	left:0;
	top:0;
}

.slider cite {
	text-align: center;
	font-size: 18px;
	display: block;
	color: #b0b0b0;
	padding: 10px;
}

.slider p {
	font-size: 14px;
}

.see_more {
	display: block;
	width: 170px;
	margin: 0 auto;
}

.see_more_button {
	cursor: pointer;
	padding: 5px;
	background-color: #fff;
	border: 2px solid #041944;
	border-radius: 30px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}

.see_more_button:hover {
	background-color: #041944;
	color: #fff;
}

/* Our clients =========================================================*/

#client_logo {
	background-color: #f1f1f1;
}

.holder_slider_partners {
	max-width: 1030px;
	min-width:150px;
	height: 136px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}

.slider_partners {
	width: 100%;
	max-width: 960px;
	min-width:150px;
}

.slider_partners ul {
	width: 500%;
	position: relative;
	margin: 0;
	padding: 0;
	left:0;
	top:0;
}

.slider_partners li {
	width: 210px;
	display:block;
	float: left; 
	list-style-type: none;
}

.client_logo_partners {
	height: 151px;
	width: 100%;
	margin: 20px auto;
}

.client_logo_partners img {
	margin: 0 auto;
	display: block;
	max-width: 200px;
	filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.client_logo_partners img:hover  {
	margin: 0 auto;
	display: block;
	max-width: 200px;
	filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
}

.slider_partners_arrow {
	position: absolute;
	width: 30px;
	height: 30px;
}

.slider_partners_arrow i{
	position: absolute;
	font-size: 2.5em;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}

.slider_partners_arrow i:hover{
	color: #041944;
}

.logo_next{
	right: 0;
	top: 70px;
	z-index: 999;
}

.logo_prev{
	left: 0;
	top: 70px;
	z-index: 999;
}

/* Our clients hed =========================================================*/

#client_logo_hed {
	background-color: #f1f1f1;
}

.holder_slider_partners_hed {
	max-width: 1030px;
	min-width:150px;
	height: 136px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}

.slider_partners_hed {
	width: 100%;
	max-width: 960px;
	min-width:150px;
}

.slider_partners_hed ul {
	width: 500%;
	position: relative;
	margin: 0;
	padding: 0;
	left:0;
	top:0;
}

.slider_partners_hed li {
	width: 210px;
	display:block;
	float: left; 
	list-style-type: none;
}

.client_logo_partners_hed {
	height: 151px;
	width: 100%;
	margin: 20px auto;
}

.client_logo_partners_hed img {
	margin: 0 auto;
	display: block;
	max-width: 200px;
}

.slider_partners_arrow_hed {
	position: absolute;
	width: 30px;
	height: 30px;
}

.slider_partners_arrow i{
	position: absolute;
	font-size: 2.5em;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}

.slider_partners_arrow i:hover{
	color: #FF3B02;
}

.logo_next {
	right: 0;
	top: 70px;
	z-index: 999;
}

.logo_prev {
	left: 0;
	top: 70px;
	z-index: 999;
}

/* Our Team ============================================================*/

.our_team_outer {
	background-color: #fff;
}

.team_img {
	width:171px;
	height:171px;
	position: relative;
	margin: 20px auto;
}

.team_img img{
	display: block;
	width:100%;
	height: 100%;
	margin: 0px auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid white;
}

.team_border {
	width: 100%;
	height: 100%;
	border-radius:50%;
	position: absolute;
	border-right: 5px solid #FF3B02;
	border-bottom: 5px solid #FF3B02;
	border-left: 5px solid white;
	border-top: 5px solid white;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
}

.team_border:hover {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}

.team_name {
	text-align: center;
	margin-top: 20px;
}

.team_name h4 {
	font-weight: 700;
	font-family: 'Franklin Gothic Book', arial;
	font-size: 16px;
	text-transform: none;
}

.team_name p:nth-of-type(1) {
	color: #b0b0b0;
}

.team_icons {
	text-align: center;
	margin: 10px auto 30px;
	height: 100%;
	width: 100%;
}

.team_icons .icon-stack {
	color: #041944;
}

.icon-stack:hover {
	color: #FF3B02;
}

.icon-stack a:hover {
	text-decoration: none;
}

/* Pricing Tables ============================================================*/

.pricing_outer {
	background-color: #fff;
}

.table_1 {
	background-color: #e1e1e1;
	border-radius: 0px;
	height: 100%;
	width: 100%;
	margin: 20px auto;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.table_1:hover {
	background-color: #fff;
	box-shadow: 3px 3px 5px #041944;
	margin-top: 2px;
}

.table_1 ul {
	margin: 0;
	padding: 0;
}

.table_1 ul li {
	text-decoration: none;
	list-style-type: none;
	border-bottom: 2px solid #fff;
	padding: 10px;
	text-align: center;
}

.table_1 ul li:first-child {
	border: none;
}

.table_1 ul li:last-child {
	border: none;
}

.table_1 ul li:nth-of-type(1) {
	background-color: #041944;
	border-radius: 0px 0px 0 0;
}

.table_1 ul li:nth-of-type(2) {
	background-image: url(../images/price_arrow@2xblue.png);
	background-size: 25px 13px;
	background-repeat: no-repeat;
	background-position: center 0;
}

.table_1 h3 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}

.price {
	font-size: 30px;
	font-weight: 700;
	background-color: white;
}

.price li {
	text-decoration: line-through;
}

.table_1 ul li button {
	margin: 0 auto;
	float: none;
	padding: 4px;
}


/* Google Map ============================================================*/

.gmap_outer {
	background-color: #424755;
	height: 380px;
}

#map-canvas {
	margin: 0;
	padding: 0;
	height: 100%;
}

#map-canvas img {
	max-width: none;
}

.gmnoprint span {
	display: none;
}

/* Contact ============================================================*/

.contact_outer {
	background-color: #fff;
}

.error {
	border:1px solid red;
}

input {
	width: 100%;
	height: 40px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 30px;
	border-radius: 30px;
	background-color: #f1f1f1;
	color: #041944;
	padding: 0 5px;
}

::-webkit-input-placeholder { /* WebKit browsers */
   color:    #FF3B02;
    opacity: 1 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #FF3B02;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #FF3B02;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #FF3B02;
}

.feedback {
	float: right;
	padding:5px;
	font-size: 14px;
	text-align: right;
	line-height: 20px;
}

textarea {
	width: 100%;
	height: 40px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 30px;
	border-radius: 30px;
	background-color: #f1f1f1;
	color: #041944;
	padding: 5px;
}
::-webkit-input-placeholder { /* WebKit browsers */
   color:    #041944;
    opacity: 1 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #041944;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #041944;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #041944;
}

#submit {
	font-family: 'Franklin Gothic Book', arial;
	height: 39px;
	width: 120px;
	background-color: #FF3B02;
	border-radius: 30px;
	color: white;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	margin: 10px;
	letter-spacing: 1px;	
}

form {
	margin: 0;
}

address p {
	text-align: left;
	line-height: 15px;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}

address {
	padding: 20px 0;
}

address a {
	text-align: left;
	line-height: 5px;
	padding: 0;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
}

address a:hover {
	text-align: left;
	line-height: 5px;
	padding: 0;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
    color: #FF3B02;
	text-decoration: none;
}

address a:focus {
	text-decoration: none;
	color: #FF3B02;
}

address a:active {
	text-decoration: none;
	color: #FF3B02;
}

address i {
	color: #fff;
}

.up_arrow {
	height: 50px;
	width: 100px;
	background-color: #041944;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin: 35px auto 0;
}

.up_arrow i {
	display: block;
	font-size: 50px;
	text-align: center;
	text-decoration: none;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
}

.up_arrow i:hover {
	color: #FF3B02;
}

.up_arrow a:hover {
	text-decoration: none;
}

/* Footer ============================================================*/

#logo_foot {
	margin: 20px 15px;
	height: 130px;
	width: 210px;
}

#logo_foot img {
	height: 30px;
	width: 123px;
}

.logo_foot a {
    display: inline-block;
    content: "";
 	padding: 0;
	font-size: 14px;
	text-align: left;
	margin-top: 10px;
	color: #fff;
}

.logo_foot li a:before {
    display: inline-block;
    content: "";
 	padding: 0;
	font-size: 14px;
	text-align: left;
	margin-top: 10px;
	color: #fff;
}

.company {
	float: right;
}

.company p {
	padding: 0;
	font-size: 12px;
	text-align: right;
	margin-top: 30px;
	color: #fff;
}

.footer_outer {
	background-color: #041944;
	padding-bottom: 20px;
}

.footer_menu a {
    display: inline-block;
    content: "";
 	padding: 0;
	font-size: 14px;
	text-align: left;
	margin-top: 10px;
	color: #fff;
}

.footer_menu a:hover {
	color: #FF3B02;

}

.footer_menu li a:before {
    display: inline-block;
    content: "";
 	padding: 0;
	font-size: 14px;
	text-align: left;
	margin-top: 10px;
	color: #fff;
}

.footer_menu ul li a {
    display: inline-block;
	padding: 0;
	font-size: 14px;
	text-align: left;
	margin-top: 10px;
	color: #fff;
}

.footer_menu ul {
	color: #fff;
}

.menu_head {
    color: #FF3B02;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
	text-align: left;
	margin-top: 5px;
}

.menu_head:after {
    position: absolute;
    left: 18px;
    width: 55px;
    height: 1px;
    content: "";
    top: 49px;
}

.menu_head:before {
    position: absolute;
    left: 32px;
    width: 24px;
    height: 5px;
    content: "";
    display: inline-block;
    top: 30px;
}

/*======= FOOTER SOCIAL ICONS =======*/

.social {
	width: 300px;
	position: relative;
	margin:0 65px;
}

#social p {
	text-align: left;
	margin: 20px 0 0 15px;
	padding: 0;
	color: #FF3B02;
}

#social ul {
	padding: 0;
}

#social ul li {
	list-style-type: none;
	float: left;
	margin: 10px 0 0 10px;
}

#social ul li a{
	background-position: top;
	transition: .3s;
}

#social ul li a:hover{
	background-position: bottom;
	transition: .3s;
}

#face {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(../images/face_spr@2x.png);
	background-size: 30px 60px;
	background-repeat: no-repeat;
}

#twit {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(../images/twit_spr@2x.png);
	background-size: 30px 60px;
	background-repeat: no-repeat;
}

#gogp {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(../images/gogp_spr@2x.png);
	background-size: 30px 60px;
	background-repeat: no-repeat;
}

#link {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(../images/link_spr@2x.png);
	background-size: 30px 60px;
	background-repeat: no-repeat;
}

#deva {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(../images/deva_spr@2x.png);
	background-size: 30px 60px;
	background-repeat: no-repeat;
}

#pint {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(../images/pint_spr@2x.png);
	background-size: 30px 60px;
	background-repeat: no-repeat;
}

/* Media Queries ============================================================*/

 /*Large desktop */

@media (max-width: 1300px) { 

.slider_circle_image_1,
.slider_circle_image_2,  
.slider_circle_image_3  {
	top: 15%;
}

 }

@media (max-width: 1200px) { 

.holder_slider_partners {
	max-width: 870px;
	height: 136px;
}

.slider_partners li {
	width: 230px;
}


 }
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

.slider_circle_image_1,
.slider_circle_image_2,  
.slider_circle_image_3  {
	top: 12%;
}

.text_slider {
	top:60%;
}

.text_slider p {
	font-size: 40px;
}

.smaller_font {
	font-size: 15px !important;
}

.navbar ul {
	float: right!important;
	background-color: #041944!important;
}

.navbar-nav li a {
	padding: 15px 13px 16px !important;
	letter-spacing: 0px;
}

.gallery {
	margin: 0 auto;
}

.gallery ul {
	list-style-type: none;
	text-align: center!important;
}
.social{
	margin: 0px!important;

}

.holder_slider_partners {
	max-width: 670px;
	height: 136px;
}

.slider_partners li {
	width: 220px;
}

 }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

.slider_circle_image_1,
.slider_circle_image_2,  
.slider_circle_image_3  {
	top: 12%;
}

.text_slider {
	top:60%;
}

.text_slider p {
	font-size: 40px;
}

.smaller_font {
	font-size: 15px !important;
}

.nav-outer .container {
	padding: 0px!important;
}

.logo img {
	margin-top: 13px !important;
}

.phone {
	margin-left: 25px !important;
}

.navbar-collapse {
	margin-top: 10px;
}

.navbar ul {
	width: 100%!important;
	float:right!important;
	margin: 0 auto!important;
}

.navbar ul li {
	border-bottom:2px solid #041944!important;
}

.navbar ul li a {
	padding: 10px 0!important;
}

.team_item {
	height: 100%;
	width: 70% !important;
	background-color: #6a7181;
	margin: 0 auto !important;
	margin-top: 20px!important;
}

.team_img {
	margin: 0 auto 20px;
	max-width: 100%;
}

.team_item img {
	max-width: 100%;
}

.team_item h4, h5{
	color: #99cc66;
	font-weight: 400;
	font-family: 'Franklin Gothic Book', arial;
	margin-left: 5px;
	text-align: center;
}

.gallery_holder_mob {
	max-width: 459px!important;
	height: 304px!important;
	margin: 0 auto;
}

.gallery_mob {
	overflow: hidden;
	width: 459px!important;
	height: 304px!important;
	position: relative;
}
.gallery_mob li {
	margin-right: 10px;
	width: 459px!important;
	height: 304px!important;
}

.img_container {
	width: 459px!important;
	height: 304px!important;
}

.img_container img {
	width: 459px!important;
	height: auto!important;
}

textarea, input{
	width: 95% !important;
}

.social {
	width: 300px;
	position: relative;
	margin:0!important;
}

.company p{
	margin-top: -60px !important;
}

.about_us_2 h2 {
	margin-top: 10px !important;
}

.holder_slider_partners {
	max-width: 560px;
	height: 136px;
}

.slider_partners li {
	width: 260px;
}


 }
     
/* Landscape phones and down */
@media (max-width: 480px) { 

.slider_circle_image_1,
.slider_circle_image_2,
.slider_circle_image_3 {
	top: 12%;
	height: 150px;
	width: 150px;
	background-position: center center;
	background-size: 100%;
}

.text_slider {
	top:50%;
}

.text_slider p {
	font-size: 30px;
	line-height: 30px;
}

.smaller_font {
	font-size: 15px !important;
}

h1 {
	font-size: 40px;
	margin-top:50px;
	margin-bottom: 50px;
}

.nav-outer .container {
	padding: 0px!important;
}

.about_us_2 h2 {
	margin-top: 10px !important;
}

.gallery_holder_mob {
	max-width: 270px!important;
	height: 180px!important;
	margin: 0 auto;
}

.gallery_hover_mob {
	display: none;
}

.gallery_mob {
	max-width: 270px!important;
	height: 180px!important;
	position: relative;
}

.gallery_mob .img_container {
	width: 270px!important;
	height: 180px!important;
}

.gallery_mob li {
	width: 270px!important;
}

.gallery_mob .img_container img {
	width: 270px!important;
	height: auto!important;
}

.controls_mob {
	max-width: 270px !important;
}

.team_item {
	margin-top: 20px !important;
}

.gmap_outer {
	height: 250px!important;
}

.company p{
	text-align: left !important;
	margin: 20px 0 0 15px !important;
}

.holder_slider_partners {
	max-width: 240px;
	height: 136px;
}

.slider_partners li {
	width: 240px;
}

 }

@media screen and (max-width: 1280px) { div.contentblock {width: 1200px;} } 
@media screen and (max-width: 1140px) { div.contentblock {width: 1024px;} } 
@media screen and (max-width: 992px) { div. contentblock {width: 970px;} } 

/* Media Queries End ============================================================*/


/* Color ============================================================*/
.red {
	color: #041944!important;
}

.blue {
	color: #FF3B02 !important;
}

.white {
	color: #fff !important;
}

/* Color End ============================================================*/

.blog-section .post {
	margin-top: 0;
	margin-bottom: 15px;
}

.entry-cover {
	width:300px;
	float: right;
}

.entry-cover p {
	text-align: left;
	color: #2a383c;
	font-family: 'Franklin Gothic Book', arial;
	font-size: 16px;
	line-height:1.8em;
	padding:10px 0;
	margin:0;
}

.entry-date h2 {
	text-align: center;
	color: #2a383c;
	font-family: 'Franklin Gothic Book', arial;
	font-size: 23px;
	font-weight:600;
	line-height:1.7em;
	padding:10px 0;
	margin:0; 
}

.entry-cover .entry-title {
	font-size: 14px;
	color: #333;
	margin: 20px 0 10px 0;
	display: inline-block;
}

.entry-cover .entry-date ,
.entry-cover .comments-link a,
.entry-cover .post-views  {
	font-size: 10px;
	color: #454545;
}
.entry-cover i {
	color:  #e74c3c;
}
.entry-cover .comments-link a:after,
.entry-cover .comments-link a:before {
	content: "|";
	margin-left: 9px;
	margin-right: 9px;
}

.read-more {
	background-color: #eee;	
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	border-radius: 50px; 
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
	color: #000;
	margin-top: 30px;
	display: inline-block;
	width: 120px;
	height: 39px;
	line-height: 39px;
}
.read-more:focus,
.read-more:hover {
	text-decoration: none;
	background-color: #041944;
	color: #fff;	
}

/* ## Blog Single ## */

.beautiful-image{
	background-color: #e74c3c;
	position: relative;
}
.beautiful-image img{
	opacity: 0.10;
	min-height: 350px;
}
.heading {
	text-align: center;
	color: #fff;
	font-size: 60px;
	font-weight: bold;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
}

.single-social{
	margin: 50px 0;
	text-align: right;
}

.single-blog .entry-cover {
	width: 100%;
	display: inline-block;
	margin-bottom: 45px;
}

.single-blog p {
	font-weight: 300;
	font: 16px;
	margin:0;
	color: #333;
	line-height: 1.9em;
}

.sub-title-heading {
	font-size: 24px;
	font-weight: 400;
	color: #333;
	margin-bottom: 20px;
	margin-top: 25px;
}

.sub-title-heading span {
	color: #e74c3c;
}

.single-blog h4 {
	font-weight: 200;
	font-size: 24px;
	line-height: 35px;
	color: #000;
	margin-bottom: 50px;
}

.entery-content {
	padding-bottom: 30px;
}

.entery-content p {
	text-align: left;
	color: #2a383c;
	font-family: 'Franklin Gothic Book', arial;
	font-size: 16px;
	line-height:1.8em;
	font-weight:400;
	padding:10px 0; 
	margin:0;
}

.read-more-b {
	background-color: #FF3B02;	
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	border-radius: 50px; 
	-moz-border-radius: 30px; 
	-webkit-border-radius: 30px; 
	color: #fff;
	margin-top: center;
	display: inline-block;
	width: 300px;
	height: 39px;
	line-height: 39px;
}
.read-more-b:focus,
.read-more-b:hover {
	text-decoration: none;
	background-color: #041944;
	color: #fff;	
}
.read-more-b-c {
	background-color: #a5b9be;	
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	border-radius: 50px; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	color: #041944;
	margin-top: center;
	display: inline-block;
	width: 300px;
	height: 39px;
	line-height: 39px;
}

/* Vidoe Responsive ============================================================*/

.embed-responsive.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
 
.embed-responsive.embed-responsive-4by3 {
	padding-bottom: 75%;
}
 
.embed-responsive{
	position: relative;
	display: block;
	height: 0;
	padding: 0;	
	overflow: hidden;
	width:100%;
}
 
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Scrollbar red ============================================================*/

::-webkit-scrollbar {
    width: 11px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 59, 2, 1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255, 59, 2, 1);
}


img.zoom-img:hover {
  -webkit-transform: scale(1.15);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.15);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
  cursor: pointer;
}

/* Fancybox ============================================================*/

img.grayscale {
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 3.5+,IE10 */ filter:gray;
	/* IE6-9 */ -webkit-filter:grayscale(100%);
	/* Chrome 19+& Safari 6+*/ -webkit-transition:all .6s ease;
	/* Fade to color for Chrome and Safari */ -webkit-backface-visibility:hidden;
	/* Fix for transition flickering */
}
img.grayscale:hover {
	filter:none;
	-webkit-filter:grayscale(0%);
}

/* line blog ============================================================*/
.line { 
    border-left: 3px solid #041944;
    margin-left: 30px; /* Отступ слева */
    padding-left: 10px; /* Расстояние от линии до текста */
   }
   
.line h3,p {
	text-align: center;
}

.portfolio-container {
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   transition-duration: 0.8s;
}

/* line blog ============================================================*/
.thumb img { 
    filter: none; /* IE6-9 */ 
    -webkit-filter: grayscale(0); 
    border-radius: 0px; 
    background-color: #fff; 
    border: 0; 
    padding:2px; 
} 
.thumb img:hover { 
    filter: gray; /* IE6-9 */ 
    -webkit-filter: grayscale(1);
	border: 0px;
	border-radius: 0px; 
} 
.thumb { 
    padding:0;
}

/* Blog ============================================================*/
.team_img_1 {
	width:100px;
	height:100px;
	position: relative;
	margin: 20px auto;
}

.team_img_1 img{
	display: block;
	width:100%;
	height: 100%;
	margin: 0px auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid white;
}

.team_border_1 {
	width: 100%;
	height: 100%;
	border-radius:50%;
	position: absolute;
	border-right: 5px solid #FF3B02;
	border-bottom: 5px solid #FF3B02;
	border-left: 5px solid white;
	border-top: 5px solid white;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
}

.team_border_1:hover {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}

/* Back to top button ============================================================*/
#back-to-top{
	position:fixed; 
	z-index: 999; 
	display:none; 
	bottom: 50px; 
	left:15px; 
	cursor:pointer;
}
#back-to-top i{
	width: 50px; 
	height: 50px; 
	display:block; 
	color: #fff; 
	background: #FF3B02; 
	text-align:center; 
	font-size:16px; 
	line-height: 50px; 
	border-radius: 5px;
	-webkit-transition:  .3s all;
	   -moz-transition:  .3s all;
	    -ms-transition:  .3s all;
	     -o-transition:  .3s all;
	        transition:  .3s all;
}
#back-to-top i:hover{background:#333;}

@media screen and (max-width: 600px) {
  #back-to-top {
    visibility: hidden;
    display: none;
  }
}
/* Pagination ============================================================*/

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #041944;
  border-color: #428bca;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #428bca;
}

.pager > .active > a,
.pager > .active > span,
.pager > .active > a:hover,
.pager > .active > span:hover,
.pager > .active > a:focus,
.pager > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #041944;
  border-color: #428bca;
}

.pager > li > a:hover,
.pager > li > span:hover,
.pager > li > a:focus,
.pager > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #428bca;
}

#fun-facts {
	background-color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
}

#fun-facts .fun-fact{
	border-right: 1px solid #ddd;
}

#fun-facts .col-md-3:last-child .fun-fact{
	border-right: 0px solid #ddd;
}
	
#fun-facts .fun-fact i{
	margin-right: 5px;
}

#fun-facts .fun-fact p{
	font-size: 16px;
}

#left { 
	text-align: left; 
}

.blog-masonry-1 img {
	margin: 0 auto;
	display: block;
	max-width: 200px;
	filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.blog-masonry-1 img:hover  {
	margin: 0 auto;
	display: block;
	max-width: 200px;
	filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
}

#submit-one {
	font-family: 'Franklin Gothic Book';
	height: 27px;
	width: 145px;
	background-color: #FF3B02;
	border-radius: 30px;
	color: white;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 14px;
	margin: 10px;
	letter-spacing: 1px;
	cursor: pointer	
}

#submit-one:hover {
	font-family: 'Franklin Gothic Book';
	height:27px;
	width: 145px;
	background-color: #041944;
	border-radius: 30px;
	color: white;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 14px;
	margin: 10px;
	letter-spacing: 1px;
	cursor: pointer	
}

.breadcrumb {
	background: #fff;
}

/* Pricing table regular ============================================================*/

.breadcrumb {
	background: #fff;
}
.bk-color-one {
	background-color: #5B8BCA;
}
.bk-color-two {
	background-color: #004194;
}
.bk-color-three {
	background-color: #041944;
}
.button-color-one {
	border: none;
	background-color: #FF3B02;
	color: #fff;
	border-radius: 30px;
}
.button-color-one:hover, .button-color-one:focus {
	color: #fff;
 }
.button-color-two {
	border: none;
	background-color: #FF3B02;
	color: #fff;
	border-radius: 30px;
}
.button-color-two:hover, .button-color-two:focus {
	color: #fff;
 }
.button-color-three {
	border: none;
	background-color: #FF3B02;
	color: #fff;
	border-radius: 30px;
}
.button-color-three:hover, .button-color-three:focus {
	color: #fff;
 }
.pricing-nine {
	border: 1px solid #EDEDED;
	margin-bottom: 30px;
}
.width-perticular {
	width: 300px;
}
.pricing-nine .table {
	text-align: center;
	margin-bottom: 0px;
}
.pricing-nine thead tr th {
	font-weight: normal;
	font-weight: normal;
	height: 72px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}
.pricing-nine i.icon-red {
	color: #FF3B02;
}
.pricing-nine i.icon-green {
	color: #00E025;
}

.table i.icon-red {
	color: #FF3B02;
}

.table i.icon-green {
	color: #00E025;
}

.pricingTable{
 border: 1px solid #004f88;
 padding: 30px 0;
 text-align: center;
 position: relative;
}
.pricingTable:before,
.pricingTable:after{
 content: "";
 width: 0;
 height: 0;
 position: absolute;
 opacity: 0;
 transition: all 0.5s ease 0s;
}
.pricingTable:before{
 top: -5px;
 left: -5px;
 border-top: 5px solid #004f88;
 border-left: 5px solid #004f88;
}
.pricingTable:after{
 bottom: -5px;
 right: -5px;
 border-bottom: 5px solid #004f88;
 border-right: 5px solid #004f88;
}
.pricingTable:hover:before,
.pricingTable:hover:after{
 width: 30%;
 height: 30%;
 opacity: 1;
}
.pricingTable .pricingTable-header{
 margin-bottom: 20px;
}
.pricingTable .heading{
 font-size: 24px;
 font-weight: 700;
 color: #333;
 margin: 0;
 text-transform: uppercase;
}
.pricingTable .price-Value{
 color: #ed2d7b;
 margin-bottom: 20px;
}
.pricingTable .amount{
 font-size: 80px;
 position: relative;
}
.pricingTable .currency{
 display: inline-block;
 font-size: 35px;
 position: absolute;
 top: -5px;
 left: -20px;
}
.pricingTable .pricingTable-signup{
 display: inline-block;
 background: #004f88;
 font-size: 14px;
 font-weight: 800;
 color: #fff;
 padding: 10px 30px;
 text-transform: uppercase;
 transition: all 0.5s ease 0s;
}
.pricingTable .pricingTable-signup:hover{
 background: #ed2d7b;
}
@media only screen and (max-width:990px){
 .pricingTable{ margin-bottom: 30px; }
}

/* ----------------------------------
 Blog Small Cards
 ---------------------------------- */

.page-title-modern {
    min-height: 100px;
    background: #F8F8F8;
    border-bottom: none;
    padding: 120px 0px 60px;
}
@media only screen and (max-width: 767px) {
    .page-title-modern {
        padding: 80px 0px 30px 0px
    }
}

/* ---------------------------------
02. Blog Cards Small
 ---------------------------------*/
.blog-card-small {
    background: #fff;
}
.blog-card-small .blog-wrapper {
    width: 100%;
}
.blog-card-small .blog-post {
    background: #FFFFFF;
    min-height: 100px;
    margin-bottom: 30px;
    padding: 0;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.blog-card-small .blog-post:hover {
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}
.blog-card-small .blog-img {
    overflow: hidden;
    position: relative
}
.blog-card-small .blog-img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(46, 113, 242, 0.3);
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}
.blog-card-small .blog-post:hover .blog-img:after {
    opacity: 1
}
.blog-card-small .blog-img img {
    width: 100%;
    vertical-align: top;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}
@media only screen and (min-width: 992px) {
    .blog-card-small .blog-post:hover .blog-img img {
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
}
.blog-card-small .blog-content {
    background: #FFFFFF;
    padding: 30px;
}
.blog-card-small .blog-content .subh-basic-dark {
    font-size: 11px !important;
    color: #999999;
    margin-bottom: 20px;
}
.blog-card-small .blog-content h6 {
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-bottom: solid 1px #EEEEEE;
    padding-bottom: 20px;
}
.blog-card-small .blog-post:hover h6 {
    color: #2e71f2
}
.blog-card-small .blog-content .article-by {
    display: inline-block;
    font-size: 12px;
    color: #999999
}
.blog-card-small .blog-content .article-by .author {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 11px;
    color: #555555
}