/* ----------------------------------------------
:: Template Name: CI_site
:: Template Author: Terrysharp
:: Template Author URI: https://isialys.com
:: Version: v1.0.0
:: Last Updated: 19-03-2019
---------------------------------------------- */

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap');

@import 'yamm/yamm.css';
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.compat.css');
@import 'plugins/font-awesome.min.css';
@import 'plugins/pe-icon-7-stroke.css';
@import 'plugins/star-rating.css';

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

h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; line-height: 1.3; } /* Open Sans */
.text-blue { color: #05428c !important}
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
ul, ol { margin: 0; padding: 0; }

/* HEADER
----------------------- */

.header-area { padding: 20px 20px 0px; background-color: #FFF; color: #083b83 !important}
.header-area h3, .media-body h3 { font-size: 1.25rem }
.call-us ul { list-style-type: none; line-height: 1.3; padding-top: 35px; }
.call-us ul li { display: inline-block; font-weight: bold; padding: 0 1px; vertical-align: top; position: relative; }
.call-us ul li:first-child:after { content: ""; background: #d5dce4; display: block; position: absolute; right: -15px; top: -18px; width: 1px; height: 67px; }
.call-us ul li:last-child { padding: 0 0 0 25px !important; }
.call-box { float: right; font-weight: bold; font-size: 13px; }
.call-box > span { display: block; }
.call-us i { font-size: 46px; float: left; margin-right: 12px; vertical-align: top; margin-top: -8px; }
.call-us ul li a { font-size: 30px; line-height: 1; transition: 1s all ease; -webkit-transition: 1s all ease; font-weight: 700 }
.call-us ul li a, .call-box { color: #FFF !important;}
.call-us  { float: right; }

@media (max-width: 767px){
	h3.text-190 { font-size: 1.7em !important }
}
@media (max-width: 991px){
	.h1, h1 { font-size: 1.3rem}
	.h2, h2 { font-size: 1.1rem}
	.h3, h3 { font-size: 1.0rem}
	.header-area { min-height: 150px; padding: 10px }
	.header-area img { width: 100%; }
}

/* MENU 
----------------------- */
.navbar-brand { display: none !important }
.navbar-compact .navbar-brand { display: block !important }
.navbar-compact{ transition: padding 0.4s linear;}
.navbar-compact.hovereffect img { position: relative; top:-5px; left:0;}
.navbar-compact.hovereffect .overlay { min-height: 100px }
.navbar-compact.bg-light { background-color: #FFF !important }
.navbar-inner { -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 6px 4px rgba(0, 0, 0, 0.375); box-shadow: 0 4px -2px rgba(0, 0, 0, 0.375);}
.navbar .nav-link { font-family: 'Open Sans Condensed', sans-serif ; font-size: 20px; color: #023471; padding-right: 0.9rem !important }
.navbar a.nav-link:hover { color: #f47922; font-weight: 300;}
.navbar-nav .active>.nav-link { font-weight: 600}
.navbar-inner { background-color: #FFF}
.grid-side .col { max-width: 25%; max-height: 240px}

.dropdown-menu-center {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.dropdown-menu { border-radius: 0; top: 120%}
.dropdown-menu .img-fluid { max-width: 15rem; }
.dropdown-menu .sub-mr:not(:last-child){ margin-right: 10px}

@media (max-width: 767px) {
	.dropdown-menu .img-fluid { max-width: 100%; }
	.dropdown-menu .hovereffect:not(:last-child){ margin-bottom: 10px;}
	.dropdown-menu .sub-mr:not(:last-child){ margin-right: 0}
}

.dropdown-submenu { position:relative; }
.dropdown-submenu > .dropdown-menu { top: auto; left: 100%; margin-top: -10px; }

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after { text-decoration: underline; transform: rotate(-90deg); } 
.sticky-top { top: -12px}

@media (max-width: 767px){
	.navbar-compact.bg-light { background-color: #FFF }
}

@media (max-width: 991px){
	.dropdown-submenu > .dropdown-menu { margin-top: 8px; }
}

@media (min-width: 992px){
	.navbar .navbar-nav > .nav > .nav-item > .nav-link { padding: 0 0.5rem !important}
	.navbar-expand-lg .navbar-nav .nav-link { padding: 0 0.8rem; }
	.navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.9); }
}

/* === SIDE NAVIGATION
---------------------------------------------------- */
.btn-group-vertical .btn { padding-left: 0.50rem}
.main-content .media-body ul { margin-left: 30px }

/* HOVEREFFECT
------------------------ */

.black_filter { background-color: linear-gradient(0deg, transparent 0%, rgba(0,0,0,0.8) 1%, rgba(0,0,0,0.4) 60%, transparent 60%)}
.hovereffect { width:100%; height:100%; float:left; overflow:hidden; position:relative; text-align:center; cursor:default; }
.hovereffect .overlay { content: ""; width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; opacity:0; background-color:rgba(0,0,0,0.5); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out }
.hovereffect img { display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear; }
.hovereffect p { margin-top: 15px; }
.hovereffect h2, .hovereffect h4, .hovereffect h5, .hovereffect p { color:#fff;}
.hovereffect h4 { font-size: 1.2rem; margin: 15px 0 !important }
.hovereffect a:hover, .hovereffect focus:hover, .hovereffect a.btn:hover { color: #F60 !important; }
.hovereffect h2 { text-transform:uppercase; text-align:center; position:relative; font-size:17px; background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px); -ms-transform:translatey(-100px); transform:translatey(-100px); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; padding:10px; }
.hovercenter { position: absolute; top: 15%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #FFF;  /*-webkit-text-stroke: 0.05em black*/ background: rgba(0,0,0,0.3); padding: 4px 6px; border-radius: 6px }
.hovereffect a.info { text-decoration:none; display:inline-block; text-transform:uppercase; color:#fff; background-color:transparent; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; margin:50px 0 0; padding:1px 14px; font-size:25px }
.hovereffect a { color: #fff}
.hovereffect a.info:hover { color:#fecc00; }
.hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); }
.hovereffect:hover .overlay { opacity:1; filter:alpha(opacity=100); }
.hovereffect:hover h2,.hovereffect:hover a.info { opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0);
-webkit-transform:translatey(0); transform:translatey(0); }
.hovereffect:hover a.info { -webkit-transition-delay:.2s; transition-delay:.2s; }
.overlay .glyphicon, .overlay .ion, .overlay .fa { position: absolute; top: 25%; left: 50%; font-size: 30px}

.colorfilter img { 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 10+ */ 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 */ }
.colorfilter img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }

#feature-over:hover { box-shadow: inset 0px 0 1.25em rgba(0, 146, 166, 0.7);}
.c_feature_box a:link { text-decoration:none; }

/* BLOG
------------------------ */

.blogpost h3 { color: #083B83 !important}
div.blogpost > div:nth-of-type(2) { background-color: #ecf4fc !important; }
.max-min { min-width: 200px; max-width: 200px}

/* PAGINATION
------------------------ */

.pagination-links{ margin:30px 0; }
.pagination-links strong{ padding: 8px 13px; margin:5px; background: #f4f4f4; border: 1px #ccc solid; }
a.pagination-link{ padding: 8px 13px; margin:5px; background: #f4f4f4; border: 1px #ccc solid; }

.sorting { float: right; }
.item_sorting { display: inline-block; }
.item_sorting > li { display: inline-block; position: relative; width: 175px; height: 41px; line-height: 39px; cursor: pointer; border: solid  1px #b5b5b5; padding-left: 10px; padding-right: 10px; margin-right: 8px; font-size: 14px; font-weight: 400; color: #232323; margin-bottom: 10px;}
.item_sorting > li:last-child { margin-right: 0; }
.num_sorting_text { padding-right: 11px; }
.item_sorting li i { float: right; line-height: 39px; font-size: 16px; color: #232323; }
.item_sorting li ul { display: block; position: absolute; right: 0; top: 120%; margin: 0; width: 100%; background: #FFFFFF; visibility: hidden;  opacity: 0; z-index: 1; box-shadow: 0 15px 25px rgba(63, 78, 100, 0.15); -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: all 0.3s ease; }
.item_sorting > li:hover ul { visibility: visible; 	opacity: 1; top: calc(100% + 1px); }
.item_sorting li ul li { display: block; text-align: left; padding-left: 15px; padding-right: 15px; }
.item_sorting li ul li span { display: block; height: 36px; line-height: 36px; border-bottom: solid 1px #dddddd; color: #131a2f; text-align: right; padding-right: 22px; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: all 0.3s ease; }
.item_sorting li ul li span:hover { color: #b5aec4; }
.item_sorting li ul li:last-child span { border-bottom: none; }
.item_sorting li span:nth-child(2) { margin-left: 55px; }

/* FORM
------------------------ */
.form-horizontal h3 { color: #083b83}
.mt-up { margin-top: -80px; }
.contact-form {
    position: relative;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0px 25px 49px 0px rgba(58, 74, 88, 0.1);
    box-shadow: 0px 25px 49px 0px rgba(58, 74, 88, 0.1);
}
.contact .icon-circle { border: 1px solid #eda365; color: #eda365; }
.icon-circle { font-size: 50px; border: 1px solid #d5d5d5; height: 89px; width: 89px; 
text-align: center; line-height: 89px; margin: 0 auto;  border-radius: 100%; display: block; }
.has-error .form-control, .has-error .form-control:focus { border: 1px solid #e74c3c; }
form .message, .noprint{ display: none; }
form .load, #loginForm .load, #registerForm .load, #loader{ display: none; }
img.load { position: relative; top: -35px; width: 20px }
.btn-janneau { color: #fff; background-color: #083b83; border-color: #083b83; }
.btn-janneau:hover { color: #083b83; background-color: transparent; border-color: #083b83; }

/* CARD
------------------------ */
.card-body { padding: 0.7rem; }
.card-body p { font-size: 14px; line-height: 1.5; font-weight: 400; }

/* FLIP CARD 
------------------------ */

.flip { -webkit-perspective: 800; perspective: 800; position: relative; text-align: center; }
.flip .card.flipped { -webkit-transform: rotatey(-180deg); transform: rotatey(-180deg); }
.flip .card { -webkit-transform-style: preserve-3d; -webkit-transition: 0.5s; transform-style: preserve-3d; transition: 0.5s; border: none }
.flip .card .face { -webkit-backface-visibility: hidden ; backface-visibility: hidden ; z-index: 2; }
.flip .card .front { position: absolute; z-index: 1; }
.flip .card .img { position: relative; z-index: 1; }
.flip .card .back { padding: 0 10px; padding-top: 10%; -webkit-transform: rotatey(-180deg); transform: rotatey(-180deg); min-height:180px }
.inner img { width: 100% }
.inner.text-center img { max-width: 30%; }
.inner{ margin:0px !important;}

/* CAROUSEL
------------------------ */
.carousel h1 { font-size: 2vw !important; font-weight: 600}
.carousel { background:#007aeb; }
.carousel-item .img-fluid { width:100%; }
.carousel-item a { display: block; width:100%; }
.carousel-control-next-icon, .carousel-control-prev-icon { width:60px; height:40px; }
.carousel-caption { left:10%; right:10%; top:1%; bottom:1%; }
.carousel-caption span { position: absolute; padding: 8px 25px; color: #FFF; font-size: 25px }
.carousel-item .titre { font-size: 1.5vw; }
.carousel-item .titre1 { font-size: 1.5vw; width: 60%; padding: 8px 0; top:70px; right:100px; } 
.carousel-item .titre2 { font-size: 1.5vw; width:50%;  padding: 8px 0; top:130px; right:100px; }
.top-50 { top:50px }
.top-120 { top: 120px }
.top-190 { top: 190px }
.top-260 { top: 260px }
.top-330 { top: 330px }
.left-60 { left:60% }

@media (max-width: 767px){
	.my-4 { margin-top: 2.7rem !important}
	.carousel-item > img { height: 12rem; }
	.carousel-item .titre, .carousel-item .titre1, .carousel-item .titre2 { width: 70%; font-size: 2.5vw; }
	.carousel-item .carousel-caption img { max-width: 60px !important}
	.top-50 { top:10px }
	.top-120 { top: 43px }
	.top-190 { top: 76px }
	.top-260 { top: 109px }
	.top-330 { top: 142px }
	.left-60 { left:80% }
}

@media (min-width: 768px) and (max-width: 991.98px){
	.carousel-item .titre { font-size: 2.5vw; }
	.carousel-item .carousel-caption img { max-width: 110px !important}
	.top-50 { top:30px }
	.top-120 { top: 70px }
	.top-190 { top: 120px }
	.top-260 { top: 170px }
	.top-330 { top: 220px }
}

@media (min-width: 992px) and (max-width: 1199.99px){

	.carousel-item .carousel-caption img { max-width: 120px !important}
	.top-50 { top:40px }
	.top-120 { top: 90px }
	.top-190 { top: 140px }
	.top-260 { top: 190px }
	.top-330 { top: 240px }
}

@media (min-width: 1200px) and (max-width: 1399.99px){
	.carousel-item .carousel-caption img { max-width: 150px !important}
	.top-50 { top:50px }
	.top-120 { top: 100px }
	.top-190 { top: 150px }
	.top-260 { top: 200px }
	.top-330 { top: 250px }
}

/* SECTION/CONTAINER
--------------------------- */

.container-plus hr.janneau { width: 10%; height: 1px; background-color: #fd000c; margin: 0 auto 25px; display: block;}

/* CONTENT
--------------------------- */

.wrapper { background-image: url('../img/loading.gif'); }
.with-back { background-color: #fff; padding: 20px 40px}
.social-inline { list-style: none; padding: 10px 20px 5px;  }
.social-inline > li { display: inline-block; margin-right: 15px; line-height: 1.2em; }
.top-social-icon  { margin-top: 10px}
.top-social-icon .btn-text .fa { font-size: 1.5rem; padding-top:5px}
.top-social-icon .btn-text { font-size: 20px; line-height: 24px; color: #083b83; border: 2px solid #083b83; padding: 5px 15px 0; border-radius: 30px; display: inline-block; height: 44px; text-align: center; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.top-social-icon .btn-text:hover { color: #FFF; border: 2px solid #083b83; background-color: #083b83 }
.fb-share-button { position: relative; top: -4px; }
.main-content ul { margin-left: 10px}

@media (max-width: 767px){
	table, tbody, th, tr, td { display: block; width: auto!important; }
	.with-back { padding: 20px 10px; text-align: justify}
	.main-content ul  { list-style: none; }
}

@media (min-width: 1200px){
	.container { max-width: 1200px; }
}

/* GALERIE
--------------------------- */

.pixel-portfolio-area { margin: 50px 0}
.pixel-projects-menu { position: relative; z-index: 1; margin-bottom: 30px; } 
.pixel-projects-menu .btn { padding: 10px 20px; background-color: transparent; font-size: 14px; text-transform: capitalize; font-weight: 500;   color: #969696; border-radius: 50px; border: 2px solid transparent; }
.pixel-projects-menu .btn.active, .pixel-projects-menu .btn:focus { box-shadow: none; color: #ff7902; border-color: #ff7902; }

.single_gallery_item { display: inline-block; float: left; position: relative; z-index: 2; width: 20%; overflow: hidden; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }

@media only screen and (max-width: 767px) {
    .single_gallery_item { width: 100%; } 
}

.single_gallery_item img { width: 100%; -webkit-transition-duration: 2000ms; -o-transition-duration: 2000ms; transition-duration: 2000ms; padding:3px}
.single_gallery_item .hover-content, .one_gallery_item .hover-content{ width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 121, 2, 0.9); opacity: 0; visibility: hidden; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }
.single_gallery_item .hover-content .zoom-img, .one_gallery_item .hover-content .zoom-img{ display: inline-block; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #ffffff; font-size: 20px; margin-bottom: 30px; color: #ffffff; line-height: 46px; margin-top: -15px; opacity: 0; -webkit-transition-duration: 500ms;
-o-transition-duration: 500ms; transition-duration: 500ms; }
.single_gallery_item .hover-content, .one_gallery_item .hover-content h4 { margin-bottom: 0; color: #ffffff; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single_gallery_item .hover-content h4, .one_gallery_item .hover-content h4 { font-size: 20px; } 
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.single_gallery_item .hover-content h4, .one_gallery_item .hover-content h4 { font-size: 16px; } 
}
@media only screen and (max-width: 767px) {
	.single_gallery_item .hover-content h4, .one_gallery_item .hover-content h4 { font-size: 16px; } 
}
.single_gallery_item:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.single_gallery_item:hover .hover-content { opacity: 1; visibility: visible; }
.single_gallery_item:hover .hover-content .zoom-img { margin-top: 0; opacity: 1; }

.single_gallery_item .fa { font-size:2vw; color:#FFF; margin-top: 20px}

/* TEXTCOLOR
--------------------------- */

.shadwhite { color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.shadblack { color: #FFF; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;}																   
/* TEXTCOLOR
--------------------------- */

.shadwhite { color: #000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.shadblack { color: #FFF; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;}


/* FOOTER 
----------------------- */

.to-top{ position:fixed;bottom:5vh;right:5vw;transform:scale(0);display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:.3125rem;box-shadow:none;opacity:0;background:#083b83;color:#fff;will-change:transform;z-index:10;transition:.2s; font-size: 24px}
.to-top.show{transform:scale(1);opacity:1;transition:all .2s,transform .2s cubic-bezier(.5,0,1,2)}
.to-top.active,.to-top:hover{background:#171724;color:#fff;cursor:pointer}

.footer-top-section, .footer-top-left, footer  { background: #000; }
.footer-top-section { width: 100%; margin: 0; padding: 0; text-align: left;}
.footer-top-left .badge-logo { height: 100px; }
.footer-top-left { float: left; padding: 40px 0; }
.footer-top-right { float: left; background: #86aefd; padding: 25px 0 15px; padding-left: 15px } /* 7fced6 */
.footer-top-right h5 { font-size: 1vw }
.footer-top .trustOwner { font-size: 14px; color: #fff }
.footer-top .review { display:block; margin:0 0 3px; padding-top:0; height:21px }
.review, .review li { display: inline-block; }
.footer-top .pbs .fa { font-size: 20px; padding-right:5px}
.single-footer-widget .footer-social-info a , .social-icons a{ display: inline-block; width: 40px; height: 40px; font-size: 18px; border: 2px solid #ffffff; color: #ffffff !important;  border-radius: 50%; text-align: center; line-height: 36px; margin-right: 10px; margin-bottom: 10px; }
.single-footer-widget .footer-social-info a:hover, .social-icons a:hover { border: 2px solid #eda345; color: #eda345 !important; }

@media (max-width: 767px){
	.footer-top-section .row { text-align: center}
	.footer-top-right h5 { font-size: 5vw !important }
	.footer-top-right { padding: 15px 15px !important}
	.main-content ul { margin-left: 0; padding-left:0 !important}
}

@media screen and (max-width: 991px) {
	footer .back-top { right: 10% !important}
	footer { padding: 20px 8px !important}
	footer .container-fluid { padding-left: 0 }
	.footer-top-left { padding: 25px 0 !important; }
}

footer { color: #ffffff; padding-bottom: 30px; font-family: Open Sans, sans-serif;} /* gris foncé : 232323 */
footer .container-fluid { padding-right: 0  }
footer .list-inline { margin-bottom: 10px }
footer .list-inline li { display: inline; padding: 0.5rem 0.75rem; font-family: 'Open Sans Condensed', sans-serif;}
footer .social-icons a { margin: 0 0 0 8px; font-size: 20px}
footer .social-icons a:hover { color: #eda345 !important }
footer .copyright { font-size: 0.8rem}

@media (max-width: 767px){
	footer .list-inline li { padding: 0.5rem;}
}

footer a { color: #A7BBD8 !important}
footer .footer-top-right a { color: #232323 !important}
footer a:hover { color: #f26c4f !important}
footer span.h3, span.h4 { font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; color: #fff; text-transform: uppercase; }
footer span.h3 { font-size: 18px; line-height: 16px; text-align: left; }

/* PRELOADER
---------------------- */

#preloader {
overflow: hidden; background-color: rgba(0, 0, 0, 0.7); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; }

.page-load { width: 60px; height: 60px; background-color: transparent; position: relative; border-width: 5px; border-style: solid;
    border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.95);
    z-index: 9; top: 50%; margin-left: -30px; margin-top: -30px; left: 50%; border-radius: 50%; overflow: hidden;
    -webkit-animation: 4000ms linear 0s normal none infinite running pageload;
            animation: 4000ms linear 0s normal none infinite running pageload;
}

@-webkit-keyframes pageload {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes pageload {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/*# sourceMappingURL=custom.css.map */