/*
Theme Name: Youcom
Theme URI: https://www.ashtreedesign.net/ash-tree-design/contact-us.html
Author: Ash Tree Design
Author URI: https://www.ashtreedesign.net
Description: Private Theme
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0h
Tags: one-column
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: EOS CLaims
This theme, like WordPress, is licensed under the GPL.


*/










/* Fundamentals */

*, ::after, ::before {
    box-sizing: border-box;
}
*{outline:none;}
html{
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;scroll-behavior: smooth;
}
html,
body{
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	min-height:100%;  font-family: 'Raleway', sans-serif; font-weight: 400;   background-color: #0D003E
}



body {
    color: #0D003E;
    font-size: 16px;
    line-height: 27px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position: relative;
}



a {
	color: #ffffff;
	text-decoration: none;  transition: 0.4s;  font-weight: 500
}


a:visited {
	color: #ffffff;
	text-decoration: none;  transition: 0.4s;
}
	

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

a img ,img{
	border: none;
}	

a:focus, a:hover, a:active {
	outline: none;
}

a.more-link{display:none;}

img,fieldset{border:none;}

img{max-width: 100%;}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption img { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.sticky{}
.screen-reader-text{}
.gallery-caption{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}










/* Titles and Paragraphs */


h1,h2,h3,h4{
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 8px;
	margin: 0; font-weight: 500
}

h1{font-size: 37px; line-height:37px; color: #ffffff; padding-bottom: 40px  }

h2{font-size: 37px; line-height:37px; color: #ffffff; font-weight: 500; padding-bottom: 40px}

h3{
    font-size: 22px;
    line-height: 23px;
    color: #7CCDED; padding-bottom: 25px; 
}



h4{
	font-size: 13px;
	line-height: 20px!important;
	color: #769DFC;
	letter-spacing: 2px;
	padding-bottom: 25px
}





p{
	padding: 0;
	margin: 0px; padding-bottom: 12px; letter-spacing: 0.2px
}

li{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 3px;
}


ul,ol{padding-left: 25px; margin-top: 0px}



ul.widget{
	list-style:none;
	padding:0;
	margin:0;
}

b,strong{

    font-weight: 700; color: #7CCDED
}


blockquote{

    padding: 15px;
margin: 0px;
 font-style: italic; font-weight: 500;
}


blockquote p{
font-size: 20px; line-height: 29px
}

p a{font-weight: 500;}















/* Theme Wrappers */


.wrap{	 
    max-width: 1220px;     margin: 0 auto; padding-left: 15px; padding-right: 15px
}

.wrap:after{display: table; clear:both; content:'';}

#wrapper{
	background:none;
	padding:0;
	margin:0;
	width:100%;
	box-shadow:none;
	overflow: hidden;
}


#mainbody{ max-width:100%; margin-left: auto; margin-right: auto;background:#0D003E; padding-top: 80px; }













/* Theme Header */


#headerwrap{
    width: 100%;max-width: 100%;
    display: block;
    position: absolute; z-index: 99999;
	-webkit-transition: all .5s;
    -webkit-transition-timing-function: linear; 
    -o-transition: all .5s;
    transition: all .5s;
    -o-transition-timing-function: linear;
    transition-timing-function: linear; padding-top: 20px

}

.scrolled{position:fixed!important;width:100%; top:0; left:0;  padding-top: 5px!important}

#headerwrap .wrap{
    position: relative; width: 94%; max-width: 94%; padding-left: 3%; padding-right: 3%
}


#centredlogo{
 float: left
		


}


#centredlogo img{  height: 80px; width: auto;     padding-top: 10px;
    padding-bottom: 10px

}


.scrolled #centredlogo img{  height: 50px; width: auto;     padding-top: 5px; padding-bottom: 5px

}








/* Theme Naivgation Menus */


#main-nav{
  margin: 0 auto; display:inline-block; float:right;  text-align: right;  transition: 0.3s;  padding-top:30px
}

.scrolled #main-nav{
   padding-top:10px
}


#main-nav ul{
	list-style:none;
	padding:0;
	margin:0;
}

#main-nav ul li{
	display:inline-block;
		margin-left: 3px; margin-right: 3px; margin-bottom: 0px!important
}


body.home #main-nav ul li{border:none;}

#main-nav ul li a{
    font-size: 15px;
    color: #ffffff;
    padding-top: 8px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 3px;
    display: block;
      margin-right: 11px;
    margin-left: 11px; 
 }



.scrolled #main-nav ul li a{color:#ffffff;}
.scrolled .nav-highlight a{color:#fff!important;}

#main-nav ul li a:hover{
	text-decoration:none; color: #EBA060
}

#main-nav ul li.current-menu-item a{
text-decoration:none;   color: #EBA060
}


#main-nav ul li.current_page_ancestor a{
text-decoration:none; color: #EBA060
}


#mob-menu-contact{max-width: 800px; margin-left: auto; margin-right: auto; text-align: center}
#mob-menu-contact p{color: #ffffff}










/* Dropdown Menus */



#main-nav li ul{position: absolute;width: 200px;
z-index: 9999;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;  margin-top: -1px; margin-left: 1px; padding-top: 7px; padding-bottom:7px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px}

#main-nav li ul li{    float: none; text-align: left; 	margin-left: 0px; margin-right: 0px; display: block;}
#main-nav li ul li.current-menu-item{ border-radius: 0px}
#main-nav li ul li a{
    font-size: 15px;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    margin: 0px;
    border: none!important;
    color: #000000; letter-spacing: 0px; line-height: 19px
}
#main-nav li ul li a:hover {border-radius:0!important;color: #EBA060;  border: none!important; }
#main-nav li ul li:hover{border-radius:0!important; border: none!important;}
#main-nav li ul li.current-menu-item a{color: #000000; border: none!important;}
#main-nav li ul li.current-menu-item a:hover{color: #EBA060!important; border: none!important;}
#main-nav li:hover ul{visibility:visible; opacity:1;}

.mobile-nav{display:none;}

.mobile-nav img{max-width:34px;}











/* Slider/Banner */


#banner{

    position: relative;
    width: 100%; height: auto
}

#banner img{

    width: 100%; height: auto; min-width: 100%
}


#banner-home{position:relative;}
#banner-home img{width:100%; display:block;}

.flexslider .slides > li{ height: 850px;}

#banner-home .flex-control-nav{right:20px; bottom:30px;z-index:55;text-align: right;}
#banner-home .flex-control-nav li{margin:0 5px;}
#banner-home .flex-control-paging li a{font-size:0;}
#banner-home .flex-control-paging li a{border:1px solid #fff; background:transparent;    width: 12px; height: 12px;}
#banner-home .flex-control-paging li a.flex-active{background:#FFF;}

#banner-under-graphic{height: 350px; width: 100%; background-image: url("images/home-header.jpg"); background-repeat: no-repeat}

.show-mob,.close-mob{display:none;}

.hide-show{display:none;}
.show-hide{display:block;}

#new-sub-banner {
    height: 100vh; position: relative; z-index: 1;   display: flex;
  align-items: center;
  justify-content: center;
}
#new-sub-banner:after,#new-sub-banner:before{content:''; position:absolute;}
.sub-banner-inner{ text-align: center;min-width: 800px; height: 40px }
.sub-banner-inner h1{padding-left: 10px;opacity: 0; padding-right: 10px; color: #5787FF; font-size: 35px; line-height: 35px;}
body.home .bannerlogos img{opacity: 0;}



.flex-direction-nav{display:none;}

#banner-overlay-text{position: absolute; z-index: 999; left: 0px; right: 0px; top:100px; bottom: 0px ; }

#banner-overlay-text h1{color: #000000; font-size: 92px; line-height: 89px}
#banner-overlay-text p{font-size: 25px; line-height: 30px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px}

.bannerlogos{text-align: center;     display: inline-block;
    position: relative; padding-top: 40px}
.bannerlogos img{width: 50px; height: 50px; margin-left: 8px; margin-right: 8px}

.page-template-page_general #new-sub-banner {
    height: 100vh; background-attachment: fixed!important; padding-bottom: 0px
	/*-webkit-animation: 3s ease 0s normal forwards 1 myfade;
    animation: 3s ease 0s normal forwards 1 myfade;*/
}
.ban-img{
	-webkit-animation: 7s ease 0s normal forwards 1 myfade;
    animation: 7s ease 0s normal forwards 1 myfade;
	position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: transparent;
}
.parallax-mirror{ animation: myfade 7s; 
  -webkit-animation: myfade 7s;
  -moz-animation: myfade 7s;
  -o-animation: myfade 7s;
  -ms-animation: myfade 7s; }
.page-template-page_general .sub-banner-inner h1 {
color: #ffffff;
font-size: 35px;
line-height:35px;
	position: relative;
	z-index: 99; display: inline-block; text-shadow: 0px 0px 10px #333333}

.first-graph img{
	animation: glowing 5000ms infinite;
	border-radius:50%;
}
.popimg{display: inline-block;
    top: 35px; opacity:0; cursor:pointer;
    position: absolute;
    height: auto;
    width: 188px;
    left: 113px;}
.popimg img{width:auto; height:auto;}

body.home .sub-banner-inner h1{
	font-size:5px; 
}


body.home .sub-banner-inner h2{
color: #5787FF;     font-size: 28px;
    line-height:28px;    -webkit-animation:fontbulger 3s ;
   -moz-animation:fontbulger 3s ;
   -o-animation:fontbulger 3s ;
   animation:fontbulger 3s ;
}


@-webkit-keyframes fontbulger  {
   0% {
      font-size:1px;
   }

	   100% {
      font-size:28px;
   }

}

@-moz-keyframes fontbulger  {
   0% {
      font-size:1px;
   }
   
	
		   100% {
      font-size:28px;
   }

}

@-o-keyframes fontbulger  {
   0% {
      font-size:1px;
   }

	   100% {
      font-size:28px;
   }
	
}

@keyframes fontbulger  {
   0% {
      font-size:1px;
   }
   
		   100% {
      font-size:28px;
   }

}




.icons-r{float: right; padding: 0 0 0 25px; cursor:pointer;}
.icons-r{display: none!important}
.home .icons-r{display: block!important}

.icons-r img{ max-height:45px;padding-top: 10px}
.cms-label{color: #fff;
    font-size: 12px;
    background: #ec2028;
    padding: 2px 10px 2px;
    position: absolute;
    right: 0; display:none;
    min-width: 150px;
    text-align: center;
    border-radius: 4px; text-transform: uppercase; letter-spacing: 1px}
.cms-label:before{content: '\f0d8';
    font-family: FontAwesome;
    position: absolute;
    top: -54%;
    right: 10%;
    font-size: 20px;
    color: #ec2028;}

@-webkit-keyframes glowing {
  0% { box-shadow: 0 0 -10px #fff; }
  40% { box-shadow: 0 0 20px #fff; }
  60% { box-shadow: 0 0 20px #fff; }
  100% { box-shadow: 0 0 -10px #fff; }
}
@keyframes glowing {
  0% { box-shadow: 0 0 -10px #fff; }
  40% { box-shadow: 0 0 20px #fff; }
  60% { box-shadow: 0 0 20px #fff; }
  100% { box-shadow: 0 0 -10px #fff; }
}

@keyframes fadeAndScale {
	0 {
        opacity: 0;
        transform: scale(.69, .69);
    }
    60% {
        opacity: 0;
        transform: scale(.69, .69);
    }
    100% {
        opacity: 1;
        transform: scale(1, 1);
    }
}

@-webkit-keyframes fadeAndScale {
	0 {
        opacity: 0;
        transform: scale(.69, .69);
    }
    60% {
        opacity: 0;
        transform: scale(.69, .69);
    }
    100% {
        opacity: 1;
        transform: scale(1, 1);
    }
}

@-webkit-keyframes turn {
	50%{-webkit-transform: rotateX(
5deg) rotateY(
0.5turn);
    -ms-transform: rotateX(5deg) rotateY(0.5turn);
    transform: rotateX(
5deg) rotateY(
0.5turn);
	}
	100% {
    -webkit-transform: rotateX(
-5deg) rotateY(
1turn);
    -ms-transform: rotateX(-5deg) rotateY(1turn);
    transform: rotateX(
-5deg) rotateY(
1turn);
}
}
@keyframes turn {
	50%{-webkit-transform: rotateX(
5deg) rotateY(
0.5turn);
    -ms-transform: rotateX(5deg) rotateY(0.5turn);
    transform: rotateX(
5deg) rotateY(
0.5turn);
	}
	100% {
    -webkit-transform: rotateX(
-5deg) rotateY(
1turn);
    -ms-transform: rotateX(-5deg) rotateY(1turn);
    transform: rotateX(
-5deg) rotateY(
1turn);
}
}


/* Chrome, Safari, Opera */
  @-webkit-keyframes myfade {
    0% { opacity:0; }
    10% { opacity:0; }
    100% { opacity:1; }
  }
  
   @-moz-keyframes myfade {
    0% { opacity:0; }
    10% { opacity:0; }
    100% { opacity:1; }
  }

  /* Standard syntax */
  @keyframes myfade {
    0% { opacity:0; }
    10% { opacity:0; }
    100% { opacity:1; }
  }
   @-o-keyframes myfade {
    0% { opacity:0; }
    10% { opacity:0.3; }
    100% { opacity:1; }
  }
   @-ms-keyframes myfade {
    0% { opacity:0; }
    10% { opacity:0.3; }
    100% { opacity:1; }
  }

#mainbody-post{
	max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #0D003E;
    padding-top: 120px;
	padding-bottom: 50px;
}

.list-cate ul{margin:0; padding:0;}
.single .post-img{max-width: 700px; width: 100%; margin-left: auto; margin-right: auto}

.category #headerwrap .wrap {
    max-width: 1220px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
} 
.single #headerwrap .wrap {
    max-width: 1220px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
} 

.tag #headerwrap .wrap {
    max-width: 1220px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
} 

.single-post-header{border-top-color: #35E1FF; border-top-width: 1px; border-top-style: solid; text-align: center; padding-top: 30px}
.single-posted-in{color: #ffffff; padding-bottom: 20px}
.single-posted-in a{color: #35E1FF; }
.single-posted-in a:hover{text-decoration: underline}
.single-post-header h1{padding-bottom: 13px; font-size: 30px; line-height: 30px}

.new-category-header{border-top-color: #35E1FF; border-top-width: 1px; border-top-style: solid; text-align: left; padding-top: 30px}
.new-category-header h1{padding-bottom: 35px; font-size: 30px; line-height: 30px}
.category #mainbody-post {padding-bottom: 150px!important}
.tag #mainbody-post {padding-bottom: 150px!important}


.post-img{margin-bottom: 35px;}
.post-img:after{content:''; display:table; content:'';}
.post-img img{width:100%;}
.postcol-left{float: left;  color: #fff;  width: 20%;}
.postcol-right{float: right;width:100%;color: #fff;}
.postcol-right a{color: #fff;}
.postcol-right h1{margin-bottom:30px;} 
#related-post{padding:35px 0 150px 0;}
.related-col{float: left;  width: 19.9%; margin-bottom: 1px; position: relative; margin-bottom: -6px;  margin-right: 0.1%}
.related-col img{opacity: 0.7}
.related-col img:hover{opacity: 1}
.related-col:last-child{margin-right:0;}
.postr-title{font-size: 20px; position: absolute; top:0px; bottom: 0px; right: 0px; left: 0px; z-index: 9999;     align-items: center;
    justify-content: center;text-align: center; padding-left: 20%; padding-right: 20%;     display: flex; line-height: 24px}
.cate-post{margin-top:15px;}
.postr-img img{height:auto;}
.item-post{    margin-bottom: 35px;}
.item-post .post-img{margin-bottom: 15px;}
.item-post p{color:#fff;}
.item-post h2{padding-bottom:25px;}
.item-post .readmore{margin: 10px 0; display: inline-block;}
.item-post .readmore a{color: #fff;   border:1px solid  #fff;padding: 0.375rem 0.75rem;
    font-size: 17px;
    line-height: 1.5;
    border-radius: 0.25rem;} 
.item-post .readmore a:hover{color:#DEDC00; border-color:#DEDC00;}
.tag-list{margin: 15px 0 0 0;}
.tag-list a{background: #f8f9fa;    margin: 0 0 10px 0;
    border:1px solid #f8f9fa;display: inline-block;
    font-weight: 400;padding: 0.375rem 0.75rem;
    text-align: center; color:#000;
    white-space: nowrap;
    vertical-align: middle;line-height: 1.5;
    border-radius: 0.25rem;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);}
.tag-list a:hover{background:#DEDC00;color:#000;}
.widget_categories li a{font-size:13px}
.widget_categories h2{display:none}
.widget_categories{padding-top: 50px}
.widget_categories li{width: 31%; margin-left: 1%; margin-right: 1%; display: inline-block; float: left; background-color: #EBA060; margin-bottom: 10px }
.widget_categories li:hover{background-color: #7CCDED}
.widget_categories li a{padding:10px}
.widget_categories li a:hover{color: #ffffff}
.testi-item{width: 50%;height:auto!important;}
.testi-inner{ padding:0 20px 0 0;}
.tesdes{font-style: italic;margin: 0 0 40px 0; font-size: 18px;
    line-height: 28px;}
.testinfo{}
.testimg{float: left;margin: 0 15px 0 0;}
.testimg img{}
.tespos{    float: left; padding: 18px 0 0 0;}
.tespos h3{color:#5787FF!important;padding: 0;}
.tespos p{color: #EBA060!important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;}
	
#posts-carousel .slick-prev,#posts-carousel .slick-next	{
	width:28px!important;
	height:28px!important;
}
#posts-carousel .slick-prev:before,#posts-carousel .slick-next:before{display:none;}
#posts-carousel .slick-prev{
	background:url(images/arrow-prev.png) no-repeat center center;
}

#posts-carousel .slick-next{
	background:url(images/arrow-next.png) no-repeat center center;
}
#posts-carousel .slick-prev {
    left: -55px!important;
}
#posts-carousel .slick-next {
    right: -55px!important;
}
.nopadding {z-index:10;}
@media only screen and (max-width: 850px){
	#posts-carousel .slick-prev {
    left: -45px!important;
}
#posts-carousel .slick-next {
    right: -45px!important;
}
}
/*
#latestposts-content {
  margin: 0 auto;
  margin-top: 80px;
  width: 310px;
  height: 240px;
  position: relative;
  -webkit-perspective: 1100px;
  perspective: 1100px;
}

#latestposts-carousel {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg) translateZ(-288px);
}

.latest-item{ 
  display: block;
  position: absolute;
  width: 286px;
  height: 216px;
  opacity: 1;
  margin: 12px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  -moz-transition: opacity 1s, -moz-transform 1s;
  -o-transition: opacity 1s, -o-transform 1s;
  transition: opacity 1s, transform 1s;
}*/
#latestposts-content{
	width:100%;
	position:relative;
	margin:35px auto 50px auto;
}
.latestposts-carousel{
	
	/*margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;*/
	 width: 260px;
    height: 220px;
  	margin: 0 auto;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(
-5deg) rotateY(0);
    -ms-transform: rotateX(-5deg) rotateY(0);
    transform: rotateX(
-5deg) rotateY(0);
    -webkit-animation: turn 32s infinite linear;
    -moz-animation: turn 32s infinite linear;
    -o-animation: turn 32s infinite linear;
    animation: turn 32s infinite linear;
}
.latestposts-carousel a{
	width: 260px;
	height: 220px;
	display: block;
	position: absolute;
	 -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	background:#ffffff;
	padding:10px;
	
}

.latestposts-carousel.socials a img{width: 160px; height: auto}

.latestposts-carousel.socials a{text-align: center;
    height: 180px; background:none;
    border-radius: 30px;
    padding: 20px;}
.latestposts-carousel a:nth-child(1) {
    -webkit-transform: rotateY(
0deg) translateZ(312px);
    -ms-transform: rotateY(0deg) translateZ(312px);
    transform: rotateY(
0deg) translateZ(312px);
}
.latestposts-carousel a:nth-child(2) {
    -webkit-transform: rotateY(
60deg) translateZ(312px);
    -ms-transform: rotateY(60deg) translateZ(312px);
    transform: rotateY(
60deg) translateZ(312px);
}
.latestposts-carousel a:nth-child(3) {
   -webkit-transform: rotateY(
120deg) translateZ(312px);
    -ms-transform: rotateY(120deg) translateZ(312px);
    transform: rotateY(
120deg) translateZ(312px);
}
.latestposts-carousel a:nth-child(4) {
    -webkit-transform: rotateY(
180deg) translateZ(312px);
    -ms-transform: rotateY(180deg) translateZ(312px);
    transform: rotateY(
180deg) translateZ(312px);
}
.latestposts-carousel a:nth-child(5) {
        -webkit-transform: rotateY(
240deg) translateZ(312px);
    -ms-transform: rotateY(240deg) translateZ(312px);
    transform: rotateY(
240deg) translateZ(312px);
}
.latestposts-carousel a:nth-child(6) {
        -webkit-transform: rotateY(
300deg) translateZ(312px);
    -ms-transform: rotateY(300deg) translateZ(312px);
    transform: rotateY(
300deg) translateZ(312px);
}

.socials a:nth-child(2) {
    -webkit-transform: rotateY(
45deg) translateZ(312px);
    -ms-transform: rotateY(45deg) translateZ(312px);
    transform: rotateY(
45deg) translateZ(312px);
}
.socials a:nth-child(3) {
   -webkit-transform: rotateY(
90deg) translateZ(312px);
    -ms-transform: rotateY(90deg) translateZ(312px);
    transform: rotateY(
90deg) translateZ(312px);
}
.socials a:nth-child(4) {
    -webkit-transform: rotateY(
135deg) translateZ(312px);
    -ms-transform: rotateY(135deg) translateZ(312px);
    transform: rotateY(
135deg) translateZ(312px);
}
.socials a:nth-child(5) {
        -webkit-transform: rotateY(
180deg) translateZ(312px);
    -ms-transform: rotateY(180deg) translateZ(312px);
    transform: rotateY(
180deg) translateZ(312px);
}
.socials a:nth-child(6) {
        -webkit-transform: rotateY(
225deg) translateZ(312px);
    -ms-transform: rotateY(225deg) translateZ(312px);
    transform: rotateY(
225deg) translateZ(312px);
}

.socials a:nth-child(7) {
        -webkit-transform: rotateY(
270deg) translateZ(312px);
    -ms-transform: rotateY(270deg) translateZ(312px);
    transform: rotateY(
270deg) translateZ(312px);
}
.socials a:nth-child(8) {
        -webkit-transform: rotateY(
315deg) translateZ(312px);
    -ms-transform: rotateY(315deg) translateZ(312px);
    transform: rotateY(
315deg) translateZ(312px);
}
.latestposts-carousel div{    color: #0D003E; font-size: 20px;}
a.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.latest-inner{background:#ccc; padding:10px;}
/* Theme Footer */




#footer-wrap{background-image: url(images/footer-bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: auto;
}

#main-footer{padding-top: 0px; padding-bottom: 90px;}

#footer-column-one{width: 15%; margin-right: 2%; float: left;}
#footer-column-two{width: 15%; margin-right: 2%; float: left; padding-top: 65px }
#footer-column-three{width:65%; float: left; opacity: 1}

#footer-column-one a, #footer-column-two a{padding-bottom: 10px; color: #7CCDED; display: inline-block}
#footer-column-three p{color: #ffffff;padding-bottom: 10px;}
#footer-column-three img{height: 20px; width: auto; padding-right: 10px; margin-bottom: -5px}
#footer-column-three li{margin-bottom: 8px; color: #ffffff}
#footer-column-three a{color: #ffffff}
#footer-column-three ul{padding-left: 0px}

#footer-column-three li.phone{    background: url(images/phone.png) no-repeat;
    background-size: 20px; padding-left: 25px; background-position: center left}
#footer-column-three li.email{    background: url(images/email.png) no-repeat;
    background-size: 20px; padding-left: 25px; background-position: center left}
#footer-column-three li.address{    background: url(images/address.png) no-repeat;
    background-size: 20px; padding-left: 25px; background-position: center left}

#footer-column-one li, #footer-column-two li, #footer-column-three li{list-style: none}

#footer-column-one h3, #footer-column-two h3, #footer-column-three h3{color:  #EBA060; padding-bottom: 40px; text-transform: none}

#copyright{ padding-bottom: 15px; padding-top: 15px; text-align: center; color: rgba(255, 255, 255, 0.6)}
#footer-copyright-inner{float: left; width: 100%}
#footer-copyright-inner li{list-style: none}

#copyright a{    color: rgba(255, 255, 255, 0.6);}

#footer-column-one a:hover, #footer-column-two a:hover{color: #EBA060}









/* Contact Form 7 */


.wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email] {
    border-radius: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    max-width: 96%;
    width: 96%;
    color: #666666;
    font-size: 17px;
    line-height: 22px;
    border: 1px solid #C4C4C4;
    padding-top:00px;
    padding-bottom: 0px;
    padding-left: 2%;
    padding-right: 2%;
    background-color: #ffffff;
    border-radius: 5px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500; margin-top: 10px; line-height: 46px
}

textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 0px;
    margin: 0 0 15px 0;
    max-width: 96%;
    width: 96%;
    color: #666666;
    font-size: 17px;
    border: 1px solid #C4C4C4;
    padding-top: 20px;
    padding-right: 2%;
    padding-left: 2%;
    padding-bottom: 20px;
background-color: #ffffff; margin-top: 10px; border-radius: 5px;     font-family: 'Raleway', sans-serif;
    font-weight: 500
}

.wpcf7-form input[type=submit] {
	background-color: #DEDC00;
	color: #ffffff;
	padding-top: 10px;
	padding-right: 22px;
	padding-left: 22px;
	padding-bottom: 10px;
	border-radius: 20px; text-transform: uppercase; letter-spacing: 1px; font-size: 13px
    margin-bottom: 15px; border: none; font-family: 'Raleway', sans-serif;

}



.wpcf7-form input[type=checkbox] {
    border: 1px solid #C4C4C4;
}




.wpcf7-list-item-label{    font-size: 21px;
    line-height: 26px;}


span.wpcf7-list-item {
  
    margin: 0 0 0 0px;
}


.wpcf7-list-item-label{    font-size: 16px;
    line-height: 22px;}

















.mob-only{display:none!important;}



















/* WP Bakery Styles */


.paddingtop{padding-top: 230px; }
.paddingbottom{padding-bottom:230px}

.margintop{margin-top: 230px; }
.marginbottom{margin-bottom:230px}

.paddingtopsmall{padding-top: 100px; }
.paddingbottomsmall{padding-bottom:100px}
.margintopsmall{margin-top: 100px; }
.marginbottomsmall{margin-bottom:100px}

.paddingtexttop{padding-top: 50px; }
.paddingpictop{padding-top:60px; }

.bluebackground{background-color:#5787FF}
.lightbluebackground{background-color:#35E1FF}
.orangebackground{background-color:#F59D52}
.orangebackground{background-color:#F59D52}
.whitebackground{background-color:#ffffff}
.redbackground{background-color:#d94c72}
.palebluebackground{background-color:#d5f3ff}
.greenbackground{background-color:#8fedda}
.purplebackground{background-color:#e2b7f2}
.yellowbackground{background-color:#fffea0}
.mintgreenbackground{background-color:#8fedda}

.sheildbackground{background-image: url("images/sheild.png");     background-color: #0D003E; background-position: center right; background-repeat: no-repeat;     background-size: contain;}
.socialbackground{background-image: url("images/new-social-background.jpg");   background-repeat: no-repeat; background-position: center bottom; background-size: 100%}
.wavebackground{background-image: url("images/solution-bg.png");   background-repeat: no-repeat; background-size: 100%; background-position: top center}


.janrow{background-image: url("images/Jan-White-2601162-Px.jpg"); background-repeat: no-repeat; background-size: cover; background-position:  center top}

.largebox{padding: 40px}

.welcomeboxone{
	padding-top: 40px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 0px
}
.welcomeboxtwo{
	padding-top:0px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 40px
}

.boatmobile{display: none!important}
.boatdesktop{}


.skimobile{display: none!important}
.skidesktop{}

.hugebox{padding: 70px}

.erica{font-family: 'Alegreya Sans', sans-serif;
 letter-spacing: 1px
}

.erica h3{    font-size: 28px;
    line-height: 30px;
}

.social-carousel{padding-top: 20px; padding-bottom: 10px}

.fullheightbanners{height: 120vh;     display: flex;
    align-items: center;
    justify-content: center;}
.fullheightbanners h2{}

.smallbox{
	padding-top: 50px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	border-radius: 5px; min-height: 240px}
}
.smallbox h3{padding-bottom: 0px}


.expandingimage img{max-width: 100%!important; width: 100%!important; height: auto!important}

.expandingimage .vc_figure {
    width: 100%;
}

.expandingimage .vc_figure .vc_single_image-wrapper{
    width: 100%;
}


.whitetext p, .whitetext h4, .whitetext li{color: #ffffff}
.darktext p, .darktext h2, .darktext h3, .darktext h4{color: #0D003E}
.darkpara p{color: #0D003E}
.lightbluetext p{color: #35E1FF}
.lightblueh4 h4 {color: #35E1FF}
.orangeh4 h4 {color: #F59D52}
.greyh2 h2{
	text-shadow: 0px 0px 10px #333333
}

.nopadding .vc_column-inner{padding-left:0px!important; padding-right:0px!important}

.grid-category .vc_gitem-post-category-name{text-align: left;     font-size: 15px;
    line-height: 20px!important;
    padding-bottom: 20px; color: #5787FF}

.vc-grid-box .grid-category {
    text-align: left!important;
}
.vc_custom_1419334531994  {
  background-color: #ffffff!important
}

.colouredrows{height: 120vh;  display: flex;
    align-items: center;
    justify-content: center;}

.homesocialicons {padding-left: 15%; padding-right: 15%}
.homesocialicons .wpb_single_image{float: left; display: inline-block;width: 8.5% ;margin-left: 2%; margin-right: 2%; height: auto}

.homesocialicons .wpb_single_image img{margin-left:10%; margin-right:10%; }

.servicesicons img{padding-left:7%; padding-right:7%; }

.parallax-content{padding-top: 290px; padding-bottom: 290px}
.parallax-content h2{padding-bottom: 0px}

.wpb_image_grid .wpb_image_grid_ul .isotope-item {
    width: 20%; margin-left: 0%!important; margin-right: 0%!important
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #EBA05F!important;
    border-color: #ffffff!important;
    background-color: #ffffff!important; 
}


.vc_btn3.vc_btn3-size-md {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}


.button a{
	background-color: #5787FF;
	padding-top: 8px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 8px;
	color: #ffffff;
	display: inline-block;
	margin-top: 15px; border-radius: 5px; text-transform: uppercase; font-size: 13px
}
.button a:hover{background-color:#ffffff; color:#5787FF}

.smallbutton a{
	background-color: #5787FF;
	padding-top: 4px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 3px;
	color: #ffffff;
	display: inline-block;
	margin-top: 15px; border-radius: 3px; text-transform: uppercase; font-size: 11px
}
.smallbutton a:hover{background-color:#ffffff; color:#5787FF}


.vc_gitem-post-data-source-post_title h3{padding-bottom: 0px}
.vc_gitem-post-data-source-post_excerpt p{font-size:14px; line-height:21px}

.sideimage img{max-width: 80%!important; height: auto!important; margin-left: auto; margin-right: auto}
.sideimage-smaller img{max-width: 60%!important; height: auto!important; margin-left: auto; margin-right: auto}

.drtext{}

.tr-centred {    display: flex;
    align-items: center;
    justify-content: center;}

.socialfeed{padding: 15px; background-color: #ffffff}
.socialfeed a{color:#0D003E }

.counth2 h2{padding-bottom: 10px}
.counth2 strong{color: #ffffff}
.counth2 p{    font-size: 15px;
    line-height: 23px;}

#ctf{padding: 0px; background-color: #ffffff; margin-top: 0px!important}
#ctf a{color:#0D003E!important; font-size: 15px }
#ctf p{color:#0D003E!important; font-size: 15px; padding-top: 10px!important }

#ctf.ctf-narrow .ctf-quoted-tweet, #ctf.ctf-narrow .ctf-tweet-actions, #ctf.ctf-narrow .ctf-tweet-content {
    margin-left: 0px!important;
}

#ctf.ctf-narrow .ctf-tweet-content {
    padding: 20px 0 15px 0!important;
}

#ctf .ctf-item {
    padding: 10px 5px!important;
}


.ctf-tweet-meta{display: none!important}

.wpb_image_grid .wpb_image_grid_ul img:hover {
opacity: 0.7;  transition: 0.3s;
}


.contrainedicon img{padding-left:25%; padding-right:25%;}

.buttonalignment {text-align: right}


.slick-prev, .slick-next {
    top: 40%!important;
}

.page-id-12404 #mainbody {
    padding-top: 50px
}

.page-id-12297 #mainbody {
    padding-top: 50px
}

 .page-id-12353 #mainbody {
    padding-top: 50px
}

#cff.cff-masonry {
    margin-bottom:  0px!important


}



.postcol-right a{text-decoration: underline}
.postcol-right .tag-list a{text-decoration: none}


@media print {
  #main-nav {
display: none!important
  }
	#headerwrap{background-color: #0D003E!important; margin-bottom: 70px; position: relative!important}
	#footer-wrap{display: none!important}
	#main-nav{display: none!important}
		.postcol-right img{height: auto!important}
	#mainbody-post{background-color: #ffffff}
		body{background-color: #ffffff; color: #383838}
	.postcol-right {color: #000000;}
	
	.single-post-header h1 {
 color: #000000
}
	
	.postcol-right a {
    color: #000000;
}
	
	.single-posted-in {
    color: #000000;

}
	
	.scrolled {
    position: relative!important;

}
	#new-sub-banner{display: none!important}
	
	.whitetext p, .whitetext h4, .whitetext li {
    color: #000000;
}
	.fullheightbanners{display: none!important}
	
	.hide-show #new-sub-banner{
    display: none!important;
}
	
	.show-hide #new-sub-banner{
    display: none!important;
}
	
	.parallax-mirror{
    display: none!important;
}
	
	.paddingbottom {
    padding-bottom: 80px;
}
	
		.paddingtop {
    padding-top: 80px;
}
	
		.marginbottom {
    margin-bottom: 80px;
}
	
		.margingtop {
    margin-top: 80px;
}
	
	.leftpara p {
    text-align: left!important;
}
	
		.hide-show{display: block}
	.show-hide{display:none;}
	
	
	.expandingimage img {
    max-width: 80%!important;
    width: 80%!important;
    height: auto!important;
}
	
	#mainbody {
    background: #ffffff;

}
	
	.bluebackground{background-color:#ffffff}
.lightbluebackground{background-color:#ffffff}
.orangebackground{background-color:#ffffff}
.orangebackground{background-color:#ffffff}
.whitebackground{background-color:#ffffff}
.redbackground{background-color:#ffffff}
.palebluebackground{background-color:#ffffff}
.greenbackground{background-color:#ffffff}
.purplebackground{background-color:#ffffff}
.yellowbackground{background-color:#ffffff}
.mintgreenbackground{background-color:#ffffff}
	
	.nopadding .vc_column-inner {
    padding-left: 30px!important;
    padding-right: 30px!important;
}
	
	.hugebox {
    padding: 0px!important;
}
	
	.vc_col-sm-6 {
    width:90%!important; float: none!important
}
	
	.colouredrows {
    height: auto!important;
     display: block!important;
		left: 20px!important; width: 90%!important; padding-left: 0px!important; padding-right: 0px!important

}
	
	.printable{
    height: auto!important;
     display: block!important;
		left: 20px!important; width: 90%!important; padding-left: 0px!important; padding-right: 0px!important}

	.printable img{margin-bottom: 20px}
	
	.page-id-12353 p{width: 100%}


	
}


.postcol-right iframe{
    margin-left: auto!important;
    margin-right: auto!important; display:block
}



.smallprint h2{padding-top: 40px; padding-bottom: 20px}
.smallprint h3{padding-top: 10px}
.page-id-13372 #mainbody{padding-top:160px; padding-bottom: 160px}
.page-id-13372 #mainbody p, .page-id-13372 #mainbody li{padding-right:15%}

.page-id-13387 #mainbody{padding-top:160px; padding-bottom: 160px}
.page-id-13387 #mainbody p, .page-id-13387 #mainbody li{padding-right:15%}


.h4highlight h4{
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	background-color: #0D003E; display: inline-block; margin-bottom: 12px

}


.wp-video{
    margin-left: auto!important;
    margin-right: auto!important;
}


#foogallery-gallery-13692	.fg-default .fg-item {
width: 232px!important; height:170px!important
}
	#foogallery-gallery-13692 .fg-image {
width: 232px!important; height:170px!important
}