/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/
.cn-button.bootstrap
{
	background-color: #cc1f25 !important;
}
.iconsspie
{
	display: none !important;
}
@font-face {
font-family: "Lovera";
src: url("lovera.otf") format("opentype");
}
 .gem-testimonials.style1 .custom-color-blockqute-mark, .gem-testimonials.style1 .gem-testimonial-wrapper:after
{
	font-family: "Lovera" !important;
	font-size: 500px !important;
	line-height: 280px !important;
}
.red a
{
	font-size: 18px;
}
.custom-footer li a:hover
{
	    color: #CC1F25FF !important;
}
.gem-prev:hover:after, .gem-next:hover:after, .gem-testimonials.fullwidth-block .gem-prev:hover:after, .gem-testimonials.fullwidth-block .gem-next:hover:after, .row .wpb_gallery .wpb_flexslider .flex-direction-nav a:hover, .row .theme-default .nivo-directionNav a:hover, .row .vc_images_carousel .vc_carousel-control .icon-prev:hover, .row .vc_images_carousel .vc_carousel-control .icon-next:hover, .portfolio.portfolio-slider .portolio-slider-prev:hover span, .portfolio.portfolio-slider .portolio-slider-next:hover span
{
	background-color: #cc1f25 !important;
}
.view-first img { 
    transition: all 0.3s linear;
}
.view-first .mask {
    
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
       transform: translateY(0);
    opacity: 1;
    transition: all 0.4s ease-in-out;
	line-height: 53px;
	font-size: 32px;
}
.view h2::after {
	float: right;
    top: 14px;
    right: 10px;
    position: absolute;
    content: url(hoverff.png);
	
}
.view-first p:before {
 content: "";
    position: absolute;
    top: 0;
    width: 100px;
   
}
.view-first p, .view-first ul { 
    transform: translateY(-100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
	transition: all 0.2s ease-in-out;
}
.view-first:hover img { 
	transform: scale(1.1);
} 
.view-first:hover .mask { 
	opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info,
.view-first:hover ul{
    opacity: 1;
    transform: translateY(0);
	background-color: transparent;
}
.view-first:hover p {
    transition-delay: 0.3s;
}
.view-first:hover a.info {
    transition-delay: 0.4s;
}
.view {
    width: 100%;
    height: 396px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
	padding: 0 10px !important;
}
.view .mask, .view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    /*overflow: hidden;*/
    bottom: 0;
	left: 0;
	
}
.view .mask:hover, .view .content:hover {
	background-color: #00225ea6;
    top: 0;
	height: 396px;
	
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    color: #fff;
    text-align: left;
    position: relative;
    padding: 10px 20px;
	/*background: url(/wp-content/uploads/2019/07/Title_Bg.png) no-repeat center center;*/
	background-color: #00225e63;
	margin: 0;
}
.view p {
       position: relative;
    color: #fff;
    padding: 10px 20px;
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
   
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}
.btn-linkedin
{
	width: 100%;
	height: 30px;
}
.wpcf7 .cf-style1-name, .wpcf7 .cf-style1-email, .cf-style1-phone {
    float: left;
    margin-right: 50px;
}
.nonem
{
	margin-right: 0 !important;
}
.wpcf7 .cf-style1-website span, .wpcf7 .cf-style1-name span, .wpcf7 .cf-style1-email span {
    max-width: 474px !important;
	width: 474px;
}
@media (max-width: 768px)
{
	.wpcf7 .cf-style1-website span, .wpcf7 .cf-style1-name span, .wpcf7 .cf-style1-email span {
        max-width: 100% !important;
    width: 100% !important;
}
}
.cf-btn
{
	float: right;
}
.cf-btn .wpcf7-submit
{
	background-color: #cc1f25 !important;
}
.wpcf7-select
{
	padding: 12px;
	    width: 50%;
    margin: 0 auto;
    display: block;
	background-color: #e2e4ee;
	color: #0f1e5a;
}
.cf-style1-title > span, .cf-style1-name span, .cf-style1-email span
{
	margin-right: 0 !important;
}
input[type="text"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="month"], input[type="week"], textarea, .chosen-container, .select2-container, .checkbox-sign, .radio-sign
{
	background-color: #e2e4ee !important;
	color: #0f1e5a !important;
}
.wpcf7
{
	padding: 20px;
}
.wpcf7-form-control-wrap .your-recipient,.your-recipient
{
	width: 60% !important;
    margin: 0 auto !important;
    display: block !important;
	font-weight: bold;
}
::-webkit-input-placeholder { /* WebKit browsers */
color: #8088a7 !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #8088a7 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #8088a7 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #8088a7 !important;
opacity: 1;
}
.cf-style2-textarea.blue
{
	color: #8088a7 !important;
}
.wpcf7-number 
{
	width: 540px !important;
}
.wpcf7 form.sent .wpcf7-response-output 
{
    color: #46b450;
    border: none !important;
}
.comments-title:before, .comment-reply-title:before, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-controls-icon::before, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-controls-icon::after
{
	color: #0f1e5a !important;
}
body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-controls-icon::before
{
	border: none !important;
}
 body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a:hover, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a:focus
{
	background-color: #0f1e5a !important;
}
 body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a
{
	background-color: #f5f6f8 !important;
}
.vc_active .vc_tta-title-text
{
	color: #0f1e5a;
	font-size: 24px;
}
.vc_tta-title-text
{
	color: #FFFFFF;
	font-size: 24px;
}

@media (min-width: 320px) and (max-width: 480px) 
{
	.imgpetit .gem-wrapbox-element
	{
		width: 200px;
		margin: 0 auto;
	}
	.interactive-map .map .region-detail {
    background-color: #ffffff !important;
}
	.interactive-map .map .region-detail p {
    line-height: 16px;
}
	.interactive-map .map .region-detail h1
	{
		font-size: 18px;
		    margin: 0;
	}
	h1, .title-h1
	{
		letter-spacing: 0;
	}
	.mmarge
	{
		margin-bottom: 20px;
	}
	.view
	{
		margin: 10px 0;
		padding: 0 !important;
	}
	.top-area .top-area-items .top-area-block {
    width: 100%;
}
	.site-title .logo, .menu-item-logo .logo
	{
		width: 82px;
		    margin-left: 0 !important;
	}
	.top-area-socials .socials-item {
    display: block;
    padding: 0 7px;
    margin: 0 auto;
    width: 120px;
}
	.top-area .top-area-items .top-area-block.top-area-menu
	{
		display: none;
	}
	#site-header .site-title h1 {
    font-size: 13px !important;
}
	.interactive-map .map .region-detail
	{
		background-color : #fff !important;
	}
	.interactive-map .map .region-detail p
	{
		font-size: 12px;
	}
	.interactive-map .map .region-detail h1
	{
		font-size: 18px;
		line-height: 12px;
	}

	.top-area .top-area-items .top-area-block
	{
		min-height: 60px;
	}
	.iconspie li img
	{
		height: 55px;
	}
	.iconspie li
	{
		width: 32%;
	}
	.interactive-map .map .region-detail
	{
		top: -5rem;
    position: absolute !important;
    z-index: 20 !important;
    transition: all .3s ease-out;
	}
	.interactive-map .map .region-detail .close {
    display: block !important;
}

  .iconspie li p
	{
		font-size: 16px;
    width: 50%;
	}
	.iconspie li img
	{
		padding-left: 8% !important;
		
	}
	.iconspie li p
	{

    font-size: 12px !important;
    width: 100%;
    text-align: center !important;
		
	}
	    
  #top-area {
     display: block !important; 
}
.logo img
{
	float: left;
    margin-top: 10px;
}
  .mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper, .mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper, .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu, .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu, #primary-navigation.responsive #primary-menu > li > a, #primary-navigation.responsive ul.dl-submenu.level1 > li > a, #primary-navigation.responsive #primary-menu li.menu-item-search, #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch
	{
		    background-color: #0f1e5ab5 !important;
	}
	.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li:first-child, .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li:first-child 
	{
		border-top: 1px solid #0f1e5a !important;
	}
	#primary-navigation.responsive #primary-menu > li.menu-item-current > a, #primary-navigation.responsive #primary-menu > li.menu-item-active > a, #primary-navigation.responsive #primary-menu > li.opened > a, #primary-navigation.responsive #primary-menu > li.menu-item-current > .menu-item-parent-toggle, #primary-navigation.responsive #primary-menu > li.menu-item-active > .menu-item-parent-toggle, #primary-navigation.responsive #primary-menu > li.opened > .menu-item-parent-toggle, #primary-navigation.responsive ul.dl-submenu.level1 > li.menu-item-current > a, #primary-navigation.responsive ul.dl-submenu.level1 > li.menu-item-active > a, #primary-navigation.responsive #primary-menu > li.menu-overlay-item-open > a, #primary-navigation.responsive #primary-menu > li.menu-overlay-item-open > .menu-item-parent-toggle,#primary-navigation.responsive #primary-menu > li > a, #primary-navigation.responsive #primary-menu > li > .menu-item-parent-toggle, #primary-navigation.responsive ul.dl-submenu.level1 > li > a, .primary-navigation.responsive .minisearch .sf-input, .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch input[type="text"], .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch .sf-submit-icon:before, .mobile-cart-position-top .menu-overlay.mobile.active + #site-header .mobile-cart > a:before
	{
		color: #FFFFFF !important;
	}
	#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:before, #primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:after
	{
		background-color: #FFFFFF !important;	
	}
	#primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials a
	{
		color: #cc1f25 !important;
	}
	.iconsspie
	{
		display: none;
	}
}
@media (max-width: 368px)
{
.wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}
}
@media (max-width: 1212px)
{
.wpcf7-form .wpcf7-form-control-wrap, .wpcf7 .contact-form-style-3 p, .wpcf7 .contact-form-style-1 p {
    width: 100%;
}
.wpcf7-form .wpcf7-form-control-wrap {
    width: 100%;
}
.wpcf7-form .wpcf7-form-control-wrap {
    display: inline-block;
}
.wpcf7-form-control-wrap {
    position: relative;
}
.wpcf7-form-control-wrap .your-recipient, .your-recipient {
     width: 100% !important;
	}
}
#primary-navigation .menu-toggle .menu-line-1, #primary-navigation .menu-toggle .menu-line-2, #primary-navigation .menu-toggle .menu-line-3, #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-1, #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-2, #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-3
{
	background-color: #FFFFFF !important;
}
.team-person-position
{
    color: #cc1f25;
       font-weight: normal !important;
    font-size: 18px;
}
.team-person-name
{
	font-family: 'Montserrat' !important;
    font-size: 18px !important;
}
body .gem-testimonial-name {
    font-size: 30px !important;
    font-weight: 500 !important;
    margin-bottom: 5px;
}
body .gem-testimonial-company {
	font-family: 'Montserrat' !important;
}
.gem-counter-text
{
	font-size: 22px !important;
}
.styled-subtitle, .diagram-circle .text div span.title, .diagram-circle .text div span.summary, .vc_pie_chart .vc_pie_chart_value, form.cart .quantity .qty, .shop_table .quantity .qty, .woocommerce-before-cart .cart-short-info, input[type="text"].coupon-code, .cart_totals table th, .order-totals table th, .cart_totals table .shipping td, .woocommerce-message, .woocommerce-info, .woocommerce ul.woocommerce-error li, .woocommerce table.checkout-cart-info-table tr th, .woocommerce table.checkout-cart-info-table tr.shipping td, .widget_calendar caption, .blog-style-timeline .post-time, .gem-dropcap.gem-dropcap-style-medium, .project-info-shortcode-style-default .project-info-shortcode-item .title, .project_info-item-style-2 .project_info-item .title, .diagram-legend .legend-element .title, .single-product-content .price, .widget_shopping_cart ul li .quantity, .widget_shopping_cart .total span.amount
{
	font-family: 'Montserrat' !important;
}
body .gem-wrapbox-style-5 {
    /* -webkit-box-shadow: 0px 1px 27px 1px rgb(44 46 61 / 25%); */
    -moz-box-shadow: 0px 1px 27px 1px rgba(44, 46, 61, 0.25);
    box-shadow: 0px 1px 7px 1px rgb(44 46 61 / 25%);
}
.gem-wrapbox-style-5 {
    padding: 10px;
}
.gem-testimonials.style2 .gem-testimonial-item
{
	padding: 23px 0 !important;
}
.team-person-name.title-h4
{
	font-size: 22px;
	font-weight: bold;
}
.team-person-position.date-color
{
	font-size: 17px;
	font-weight: bold;
}
.team-person-socials .socials-item
{
    margin: 2px 10px 0;
}
.team-person-image
{
	margin-bottom: 20px;
}
.team-person 
{
    padding: 30px 12px 0 12px; 
}
.gem-team .inline-column
{
	margin-bottom: 0;
}
.header-style-3 #primary-menu.no-responsive>.menu-item-join a
{
    border: 2px solid #cc1f25;
    border-radius: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-left: 15px;
    margin-right: 15px;
	background-color: #cc1f25;
}
.site-title .logo, .menu-item-logo .logo
{
	margin-left: 40%;
}
.site-title h1
{
	font-size: 14px;
    color: #FFFFFF;
}
#site-header .primary-navigation, #site-header #perspective-menu-buttons
{
	width: 75%;
}
.top-area-contacts
{
	float: left;
}
.top-area-contacts:after, .top-area-socials:after
{
	border: none !important;
}
#top-area .site-title a img.small, #site-header .menu-item-logo a img.small {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button
{
	margin-bottom: 0 !important;
}
.testimonials_svg
{
	display: none !important;
}
.gem-testimonials-carousel-wrap .container, .style2.gem-testimonials.fullwidth-block .container
{
	background-color: #dbdfea !important;
}
.gem-counter-inner
{
	padding: 0px 30px 10px;
}
.gem-wrapbox-style-5 {
    padding: 10px !important;
}
.trblue .fullwidth-block .marker-direction-inside svg, .blog-style-styled_list1 .wrap-style, .blog-style-styled_list2 .wrap-style, .blog-style-timeline .wrap-style
{
	fill: #dadfe9 !important;
}
.logotitle
{
	color: #0F1E5A;
	font-size: 16px;
}
.hr20
{
	width: 10%;
	margin: 0 auto;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-active > a:before {
    content: "";
    position: absolute;
    left: 10%;
    bottom: 0;
    height: 1px;
    margin: 0 auto;
    width: 80%;
    border-bottom: 2px solid #e41714;
    color: #FFFFFF !important;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-current > a, .header-style-3 #primary-menu.no-responsive > li.menu-item-active > a, .header-style-4 #primary-menu.no-responsive > li.menu-item-current > a, .header-style-4 #primary-menu.no-responsive > li.menu-item-active > a, .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a, .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a
{
    border: none !important;
}
#primary-menu.no-responsive > li.menu-item-current > a, #primary-menu.no-responsive > li.menu-item-active > a
{
	color: #FFFFFF !important;
}


h1, .title-h1, .gem-counter-number, body .gem-testimonial-item:after, blockquote p:after, body .testimonials-style-1-teg, body .testimonials-style-2-teg, .pricing-title {
    color: #CC1F25FF;
}
h1, .title-h1 {
    text-transform: none;
}
h1, .title-h1 {
    line-height: 40px;
}
h1, .title-h1 {
    font-size: 38px;
}
h1, body .pricing-table-style-8 .pricing-cost, .title-h1 {
    font-style: normal;
    font-weight: 400;
}
h1, body .pricing-table-style-8 .pricing-cost, .title-h1 {
    font-family: 'Barlow Condensed';
}
h1, .title-h1 
{
	margin: 0;
}
h2, .title-h2, h3, .title-h3 {
   
	
}
h1, .title-h1, h2, .title-h2 ,h3, .title-h3, h4, .title-h4, h5, .title-h5, h6, .title-h6, .gem-button, input[type='submit'], .gem-pagination a, .gem-pagination .current, .blog-load-more button, body .wp-block-button .wp-block-button__link, body .vc_grid-pagination .vc_grid-pagination-list li.vc_grid-page a,body .gem-testimonial-name
{
	 text-transform: none !important;
}
@media (min-width: 320px) and (max-width: 480px) 
{
	.gem-image
	{
		width: 100%;
		padding-top: 20px;
	}
	.vc_empty_space
	{
		height: 12px;
	}
	.mobileimg .gem-wrapbox-element
	{
		width: 30%;
		margin: 0 auto;
	}
	.mobilelogo .gem-wrapbox-element
	{
		width: 80%;
		margin: 0 auto;
	}
	.mobilelogo .wpb_text_column,.mobilelogo .gem-list
	{
		padding: 0 20px;
	}
}