@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700&display=swap');

body{
	font-family: 'Open Sans', sans-serif;
}

header{
	background: #fff;
	height: 125px;
}
	.homelink{
		display: inline-block;
		margin-top: 20px;
	}
	.logo-dorasoftware{
		display: block;
		height: 78px;
		width: auto;
	}
	.navigation-search-box{
		float: right;
	}
	.navigation-search-box A{
		font-size: 16px;
		margin-left: 20px;
		color: #2a397a;
		text-decoration: none;
	}
		.navigation-search-box A:hover{
			color: #f28d13;
		}
.menubox{
	background: #2a397a;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999;
	display: none;
}
	.menuboxvalign{
		display: table;
		width: 100%;
		height: 100%;
	}
	.menuboxvalignmiddle{
		display: table-cell;
		vertical-align: middle;
	}
	.closemenubox{
		position: absolute;
		top: 15px;
		right: 25px;
		font-size: 40px;
	}
	.closemenubox a{
		cursor: pointer;
		color: #fff;
	}
		.closemenubox a:hover{
			color: #f28d13;
		}
		
	.menubox H1{
		font-weight: normal;
		color: #fff;
		margin-top: 20px;
		margin-bottom: 20px;
	}
		
	.menubox #menu-mainmenu{
		list-style-type: none;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.menubox #menu-mainmenu li:first-of-type{
		border-top: 1px solid #222;
	}
	.menubox #menu-mainmenu li{
		border-bottom: 1px solid #222;
	}
		.menubox #menu-mainmenu A{
			color: #fff;
			font-size: 26px;
			padding: 15px 0;
			display: block;
		}
		.menubox #menu-mainmenu A:hover{
			text-decoration: none;
			color: #f28d13;
		}
		.menubox #menu-mainmenu .current-menu-item A{
			color: #f28d13;
		}

.searchbox{
	background: rgba(42, 57, 122, 1);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 9999;
	display: none;
}
	.searchboxvalign{
		display: table;
		width: 100%;
		height: 100%;
	}
	.searchboxformbox{
		display: table-cell;
		vertical-align: middle;
	}
	.closesearchbox{
		position: absolute;
		top: 30px;
		right: 25px;
		font-size: 40px;
	}
	.closesearchbox a{
		cursor: pointer;
		color: #fff;
	}
		.closesearchbox a:hover{
			color: #f28d13;
		}
	.inputfieldbox{
		position: relative;
		overflow: hidden;
	}
	.searchbtnpvv{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		background: #f28d13;
		border: 0;
		padding-left: 20px;
		padding-right: 20px;
		color: #fff;
		cursor: pointer;
		font-size: 20px;
		border-radius: 0 0.3rem 0.3rem 0;
	}
		.searchbtnpvv:hover{
			background: #e94e1b;
		}
.triggersearchbox{
	background: #f7f7f7;
	display: inline-block;
	height: 50px;
	width: 50px;
	text-align: center;
	color: #000000;
	line-height: 50px;
	transition: all 0.3s ease 0s;
	outline: none;
}
	.triggersearchbox:hover{
		color: #fff;
		background: #f29200;
	}
		
#mainmenucontainer{
	background: #eeeeee;
	height: 50px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
}
	.menu-mainmenu-container ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		height: 50px;
		display: table;
	}
	.menu-mainmenu-container ul li{
		display: table-cell;
		vertical-align: middle;
	}
	.menu-mainmenu-container ul li A{
		color: #000000;
		text-decoration: none;
		margin-right: 20px;
		height: 50px;
	}
	.menu-mainmenu-container ul li:last-child A{
		margin-right: 0;
	}
	.menu-mainmenu-container ul li A:hover{
		color: #f29200;
		text-decoration: none;
	}
	
	.menu-mainmenu-container ul li.current-menu-item A{
		color: #f29200;
		text-decoration: none;
	}

.mobilemenubox{
	background: rgba(42, 57, 122, 1);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	display: none;
}
	.mobilemenuboxvalign{
		display: table;
		width: 100%;
		height: 100%;
	}
	.mobilemenuformbox{
		display: table-cell;
		vertical-align: middle;
	}
	.mobilemenuformbox h1{
		color: #fff;
		margin-bottom: 10px;
	}
		.mobilemenuformbox UL{
			margin:0 auto;
			padding:0;
			width: 100%;
		}
		.mobilemenuformbox UL LI{
			display: block;
			margin: 0;
			padding: 0;
		}
		.mobilemenuformbox UL LI A{
			color: #fff;
			text-align: center;
			display: block;
			text-align: center;
			margin: 0;
			padding: 7px 0;
			height: inherit;
			border-top: 1px solid rgba(226, 226, 226, 0.55);
			border-bottom: 0;
			font-size: 18px;
		}
		.mobilemenuformbox UL LI A:last-of-type{
			border-bottom: 1px solid rgba(226, 226, 226, 0.55);
		}
	.closemobilemenubox{
		position: absolute;
		top: 55px;
		right: 15px;
		font-size: 40px;
	}
	.closemobilemenubox a{
		cursor: pointer;
		color: #fff;
	}
		.closemobilemenubox a:hover{
			color: #f29200;
		}

		
H1, H2, H3, H4, H5, H6{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

H1.homeheader{
	font-size: 2rem;
	margin-bottom: 15px;
}

.fa.fa-exclamation-triangle {
    color: red;
    margin-right: 20px;
    font-size:32px
}

.fa.fa-cog {
    position: absolute;
    font-size: 45vw;
    color: rgba(255, 255, 255, 0.05);
    z-index: 0;
    animation-name: rotation;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.fa.fa-cog.pos1 {
    top: -2vh;
    left: -5vw;
    animation-duration: 400s;
    animation-direction: reverse
}

.fa.fa-cog.pos2 {
    top: 5vh;
    left: 15vw;
    animation-duration: 400s;
    animation-delay: -100s
}

.fa.fa-cog.pos3 {
    top: 1vh;
    left: 45vw;
    animation-duration: 400s;
    animation-delay: -30s;
    animation-direction: reverse
}

.fa.fa-cog.pos4 {
    top: -20vh;
    left: 60vw;
    transform: rotate(38deg);
    animation-duration: 400s;
    animation-delay: -30s
}

@keyframes rotation {
    0 {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        [if lte IE 8] filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0)
    }

    25% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        [if lte IE 8] filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        [if lte IE 8] filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
    }

    75% {
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        [if lte IE 8] filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        [if lte IE 8] filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0)
    }
}

.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
}

@keyframes come-in {
  to { transform: translateY(0); }
}

.recentposts b{ 
	display: block; 
	font-size: 18px;
	border-bottom: 1px solid #ccc; 
	margin-bottom: 15px;
	padding-bottom: 5px;	
}
.recentpostitem{}
	.recentpostitem ul{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	.recentpostitem ul li.featimgbox{
		padding: 0;
		margin: 0;
		display: inline-block; 
		width: 20%;
		vertical-align: top;
	}
	.recentpostitem ul li.titlebox{
		padding: 0;
		margin: 0;
		display: inline-block;
		width: 70%;
		vertical-align: top;
	}
	.recentpostitem a{
		color: #000;
	}

.lparchive{}
.lparchive b{ 
	display: block; 
	font-size: 18px;
	border-bottom: 1px solid #ccc; 
	margin-bottom: 15px;
	padding-bottom: 5px;	
}
.lparchive UL{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.lparchive UL A{
	color: #000;
}
.lparchive UL LI .count{
	display: inline-block;
	float: right;
}



	
.previous_post_link A{
	display: inline-block;
		background: #fff;
		color: #f28d13;
		padding: 10px 15px;
		border-radius: 5px !important;
		text-decoration: none;
		border: 1px solid #f28d13;
}
	.previous_post_link A:hover{
		background: #2a397a;
		color: #fff;
		border: 1px solid #2a397a;
	}
.next_post_link A{
		display: inline-block;
		background: #f28d13;
		color: #fff;
		padding: 10px 15px;
		border-radius: 5px !important;
		text-decoration: none;
		border: 1px solid #f28d13;
}
	.next_post_link A:hover{
		background: #2a397a;
		color: #fff;
		border: 1px solid #2a397a;
	}
	
.category_link a{
		display: inline-block;
		background: #2a397a;
		color: #fff;
		padding: 10px 15px;
		border-radius: 5px !important;
		text-decoration: none;
		border: 1px solid #2a397a;
}
	.category_link a:hover{
		background: #fff;
		color: #2a397a;
		border: 1px solid #2a397a;
	}


.blogresult .postitemthumb img{
	display: block;
	width: 100%;
	height: auto;
}
.blogresult .postitemtitlebox{
	background: #2a397a;
	color: #fff;
	padding: 20px;
}

.latestpostscontainer{
	background-image: linear-gradient(#eee, #fff);
	padding: 40px 0;
}
	.latestpostscontainer H1{
		color: #000;
		margin-bottom: 40px;
	}
		.latestpostscontainer H1 span{
			color: #000;
		}
	
	.latestpostscontainer .postitemthumb img{
		display: block;
		width: 100%;
		height: auto;
	}
	.latestpostscontainer .postitemtitlebox{
		background: #2a397a;
		color: #fff;
		padding: 20px;
	}
	
	.latestpostscontainer .postitemtitlebox .blogdat, .blogresult .blogdat{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.latestpostscontainer .postitemtitlebox .blogttl, .blogresult .blogttl{
		font-size: 22px;
		margin-bottom: 20px;
	}
	.latestpostscontainer .postitemtitlebox .blogbtn a, .blogresult .blogbtn a{		
	display: inline-block;
	background: #f28d13;
	color: #fff;
	border-radius: 4px !important;
	padding: 10px 20px;
	margin-bottom: 15px;
	text-decoration: none;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(51, 51, 51, 1);
		-moz-box-shadow: 2px 2px 2px 0px rgba(51, 51, 51, 1);
			box-shadow: 2px 2px 2px 0px rgba(51, 51, 51, 1);
	}
		.latestpostscontainer .postitemtitlebox .blogbtn a:hover, .blogresult .blogbtn a:hover{
			color: #fff;
		text-decoration: none;
		background: #d67500;
		}
		
	.latestpostscontainer a.allposts{
		margin-top: 10px;
		display: inline-block;
		background: #f7f6f3;
		padding: 10px 15px;
		color: #486173;
		border-radius: 5px !important;
		text-decoration: none;
	}
		.latestpostscontainer a.allposts:hover{
			color: #fff;
			background: #2a397a;
		}

.homefullslider{
	position: relative;
	background: #000;
	overflow: hidden;
	height: 500px;
	box-sizing: border-box;
	top: 0;
}

.curvedbottom{
	border-bottom: 50px solid #fff;
	border-radius: 0 0 200% 200% !important;
	left: -50%;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	width: 200%;
	height: 100%;
	bottom: -50px;
	z-index: 2;
}


	.valignbox{
	display: table;
	width: 100%;
	height: 100%;
	}
	.valigncontentbox{
		position: relative;
		display: table-cell;
		vertical-align: middle;
		color: #fff;
	}
		.valigncontentbox H2, .valigncontentbox P{ text-shadow: 1px 1px 1px #000; }
		
		.valigncontentbox P{
			font-size: 18px;
			text-shadow: 1px 1px 1px #000;
		}
		
		.valignbox .col.links{ text-align: left; }
		.valignbox .col.midden{ text-align: center; }
		.valignbox .col.rechts{ text-align: right; }
	.slides-pagination{ 
		position: relative;
		text-align: center; 
		width: 100%;
		margin-top: -50px;
		z-index: 999;
	}	
		.slides-pagination A{
			background: rgba(255, 255, 255, 0.8);
			width: 20px;
			height: 20px;
			margin: 0 5px;
			display: inline-block;
			border: 2px solid #bbbbbb;
			border-radius: 50% !important;
			text-indent: 100%;
			white-space: nowrap;
 			overflow: hidden;
		}
		.slides-pagination A.current{
			background: rgba(42, 57, 122, 0.8);
			border: 2px solid #1d2a61;
		}
		
		.slides-navigation A.prev{
			position: absolute;
			left : 0px;
			top: 50%;
			z-index: 9;
			color: #fff;
			font-size: 30px;
			background: #0077b5;
			padding-left: 10px;
			padding-right: 15px;
			transition: all 0.3s ease 0s;
		}
		.slides-navigation A.next{
			position: absolute;
			right: 0px;
			top: 50%;
			z-index: 9;
			color: #fff;
			font-size: 30px;
			background: #0077b5;
			padding-left: 15px;
			padding-right: 10px;
			transition: all 0.3s ease 0s;
		}
		.slides-navigation A.prev:hover, .slides-navigation A.next:hover{
			background: #0d377f;
		}
		
	.darkoverlay{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
	}
	.topindex{
		z-index: 10;
	}
	
	.slideitemboxl{
		width: 100%;
		height: 50vw;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}

	.slideitemboxl img {
		width: 100%;
		animation: movel 40s ease;
		-ms-animation: movel 40s ease;
		-webkit-animation: movel 40s ease;
		-0-animation: movel 40s ease;
		-moz-animation: movel 40s ease;
		position: absolute;
	}
	
	.slideitemboxr{
		width: 100%;
		height: 50vw;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}

	.slideitemboxr img {
		width: 100%;
		animation: mover 40s ease;
		-ms-animation: mover 40s ease;
		-webkit-animation: mover 40s ease;
		-0-animation: mover 40s ease;
		-moz-animation: mover 40s ease;
		position: absolute;
	}

@-webkit-keyframes movel {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0);
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
  }
}
@-webkit-keyframes mover {
  0% {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0);
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
  }
}

.introbox{
	background: #fff;
	padding: 60px 0 50px 0;
}

.ctabox{
	background: #dddddd;
	padding: 50px 0 40px 0;
}
	.ctaform{
		margin: 40px 0 0 0;
	}
	
	.ctaform input[type=text], .ctaform input[type=email]{
		display: block;
		width: 100%;
		border-radius: 4px !important;
		padding: 10px;
		border: 1px solid #999999;
	}
	.ctaform input[type=submit]{
		display: block;
		width: 100%;
		border-radius: 4px !important;
		text-align: left;
		padding: 10px;
		background: #f28d13;
		border: 1px solid #f28d13;
	}

.benefitsbox{
	background: #2a397a;
	color: #fff;
	padding: 40px 0 ;
}
	.benefitsbox H1{
		margin-bottom: 40px;
	}

	.benefititem{
		margin-bottom: 30px;
	}
	.benefititem .icon{
		font-size: 30px;
	}
	.benefititem .text{
		width: 70%;
	}
	
.branchesbox{
	background: #fff;
	padding: 40px 0;
}
	.branchesbox H1{
		margin-bottom: 40px;
	}
	.branchesbox img, .brancheitmimg{
		display: block;
		width: 100%;
		height: auto;
	}
	.brancheitm{
		position: relative;
		margin-bottom: 30px;
	}
	.brancheitm:hover{
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.6);
	}
	.brancheitm .branchetitle{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.7);
		color: #fff;
		padding: 10px;
	}


.thebrains{
	background: #eee;
	padding: 40px 0;
}
	.thebrains H1{
		margin-bottom: 40px;
	}
	.thebrains img{
		display: block;
		width: 100%;
		height: auto;
	}
	.braintext{
		background: #fff;
		padding: 20px !important;
		border-bottom: 2px solid #cccccc;
	}

footer{
	overflow: hidden;
	position: relative;
	background: #2a397a;
	color: #fff;
	padding: 40px 0;
}

	footer .menu-footermenu-container ul{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	footer .menu-footermenu-container ul li a{
		color: #fff;
		text-decoration: none;
	}
	footer .menu-footermenu-container ul li a:hover{
		color: #f28d13;
	}

.copyrightbox{
	position: relative;
	background: #122973;
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
}

.scrolltotop{
	position: absolute;
	right: 0;
	bottom: -10px;
	width: 65px;
	height: 80px;
	color: #fff;
	text-align: center;
	font-size: 40px;
	line-height: 80px;
}
	.triggerScrollTop{
		display: block;
		background: #122973;
		color: #fff;
		text-decoration: none;
	}
	.triggerScrollTop:hover{
		background: #3360aa;
		color: #fff;
	}

.btnorange{
	display: inline-block;
	background: #f28d13;
	color: #fff;
	border-radius: 4px !important;
	padding: 10px 20px;
	margin-bottom: 15px;
	text-decoration: none;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(51, 51, 51, 1);
		-moz-box-shadow: 2px 2px 2px 0px rgba(51, 51, 51, 1);
			box-shadow: 2px 2px 2px 0px rgba(51, 51, 51, 1);
}
	.btnorange:hover{
		color: #fff;
		text-decoration: none;
		background: #d67500;
	}

.btnlblue{
	display: inline-block;
	background: #3360aa;
	color: #fff;
	border-radius: 4px !important;
	padding: 10px 20px;
	margin-bottom: 10px;
	text-decoration: none;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(51, 51, 51, 1);
		-moz-box-shadow: 2px 2px 2px 0px rgba(51, 51, 51, 1);
			box-shadow: 2px 2px 2px 0px rgba(51, 51, 51, 1);
}
	.btnlblue:hover{
		color: #fff;
		text-decoration: none;
		background: #224c91;
	}

/**
* WordPress Number Pagination CSS Styles
*/

.paginationbox{
	margin: 0 0 30px 0;
	display: block;
}

.page-navi.meta {
    color: #fff;
    font-weight: normal;
    padding: 10px 15px;
    padding-left: 0;
}

.page-numbers {
    padding: 10px 15px;
    font-family: 'Philosopher', sans-serif;
    font-weight: bold;
    color: #fff;
    background: #666;
}
.page-numbers:hover{
	text-decoration: none;
	color: #fff;
	background: #e94e1b;
}

.page-numbers.current {
   padding: 10px 15px;
   background: #f59b15;
   color: #fff;
   font-weight: bold;
}

.page-navi .prev {
   float: left;
   margin-right: 0;
   font-family: 'Philosopher', sans-serif;
   font-size: 18px;
   letter-spacing: 0;
   font-weight: normal;
}

.page-navi .next {
   float: right;
   border-right: none;
   border-top: none;
   border-bottom: none;
   font-family: 'Philosopher', sans-serif;
   font-size: 18px;
   font-weight: normal;
   letter-spacing: 0;
}
/* --- */

.contentbox{
	background: red;
	margin-top:-150px; background: #fff; padding: 40px 15px 15px 15px; position: relative; z-index: 10;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 1200px;
	border-radius: 6px 6px 0 0 !important;
	border-top: 2px solid #eee;
}


#googlemapserc{
	position: relative;
	height: 500px;
	margin-bottom: 30px;
}

.mainvisual{
	display: block;
	width: 100%;
	height: 350px;
	overflow: hidden;
	margin-bottom: 30px;
}
	



.wpcf7 .wpcf7-text{
	display: block;
	width: 100%;
	background: #fbfbfb;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 10px;
}

.wpcf7 .wpcf7-textarea{
	display: block;
	width: 100%;
	background: #fbfbfb;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 10px;
}

.wpcf7 .wpcf7-submit{
	background: #f29200;
	display: inline-block;
	color: #fff;
	border-radius: 4px;
	border: 0;
	padding: 7px 15px;
	margin-bottom: 10px;
}
	.wpcf7 .wpcf7-submit:hover{
		text-decoration: none;
		background: #cc7b00;
	}
	
	.hideondesktop{ visibility: hidden; }
	.mobilemenubox{ display: none; }
	

	.spacer10{ display: block; height: 10px; }
	.spacer20{ display: block; height: 20px; }
	.spacer25{ display: block; height: 25px; }
	.spacer30{ display: block; height: 30px; }
	.spacer40{ display: block; height: 40px; }
	.spacer50{ display: block; height: 50px; }
	.spacer60{ display: block; height: 60px; }
	
.stickmenu {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 999999999;
}

@media (max-width: 575.98px) { 
	.mobilespacer10{ display: block; height: 10px; }
	.mobilespacer20{ display: block; height: 20px; }
	.mobilespacer25{ display: block; height: 25px; }
	.mobilespacer30{ display: block; height: 30px; }
	.mobilespacer40{ display: block; height: 40px; }
	.mobilespacer50{ display: block; height: 50px; }
	.mobilespacer60{ display: block; height: 60px; }
	.mobile-text-center{ text-align: center !important; }
	.hideonmobile{ display: none !important; }
	.hideondesktop{ visibility: inherit; }
	.mobilemenu{
		display: table;
		height: 50px;
	}
	.mobilemenu .openmobilemenu{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		background: #f7f7f7;
		color: #000;
		padding: 0 15px;
		transition: all 0.3s ease 0s;
		outline: none;
	}
		.mobilemenu .openmobilemenu:hover{
			color: #fff;
			background: #f29200;
		}
}

@media print {
}


* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

/*
	
	@media (min-width: 576px) { ... }

	// Medium devices (tablets, 768px and up)
	@media (min-width: 768px) { ... }

	// Large devices (desktops, 992px and up)
	@media (min-width: 992px) { ... }

	// Extra large devices (large desktops, 1200px and up)
	@media (min-width: 1200px) { ... }

	@media (max-width: 575.98px) { ... }

	// Small devices (landscape phones, less than 768px)
	@media (max-width: 767.98px) { ... }

	// Medium devices (tablets, less than 992px)
	@media (max-width: 991.98px) { ... }

	// Large devices (desktops, less than 1200px)
	@media (max-width: 1199.98px) { ... }
*/