body {width:100vw;margin:0;padding:0;font-family: 'Oxygen', sans-serif; color:#444;overflow-x:hidden;background:#222;}
a {color:#0d79ff; text-decoration:underline;}
a:hover {color:#fc00ff;}
.crystalblue {color:#025495;}
.crystalblack {color:#222;}
.lightblue {color:#03aad7;}
.lightgrey {background:#f3f3f3;}
.lighter {font-weight:lighter;}
.autoover {overflow-y:auto;}
.shell {width:100%;height:100%;overflow-x:hidden;}
.app_wrapper {width:100%;box-sizing:border-box; margin:0px;position:relative;transition: margin-left 0.5s ease-in-out;}
.main_margin {width:94%; margin:0 auto; max-width:1600px;}
.half_margin {width:94%; max-width:800px;}
.app_padding {padding:10px;}
.top_bar {background:#231e1a; color:#fff;padding:5px; font-size:12px;}
#top_bar_content span{display:inline-block;line-height:30px;}
#top_bar_content img{float:right;width:25%;margin-right:-2px;}
.appointment_bar {}
.main_header {background:#ebebeb;}
.main_header {box-sizing:border-box; padding:20px 0px 20px 0px;}
#appointment_bar_content div{width:25%;float:left;height:90px;box-sizing:border-box; }
#appointment_bar_content div.abc_layout1{width:50px;text-align:center;}
#appointment_bar_content div.abc_layout1 img{width:40px;margin-top:20px;}
#appointment_bar_content div.abc_layout2{width:calc(100% - 50px);box-sizing:border-box; padding:20px 10px 10px;text-align:left;}
#appointment_bar_content div.abc_layout2 span{display:block;padding:3px 0px; color:#888;font-size:12px;}
#appointment_bar_content div.abc_layout2 strong{color:#0d79ff;font-size:14px;}
#callnow a{color:#0074a9;text-decoration:none;}
#quote {background:#0d79ff; border-top-right-radius:4px; border-top-left-radius:4px;}
#quote a{font-size:12px;color:#fff;text-decoration:underline;display:block;padding:3px 0px;}
#logo_bar_content{}
#t4a_logo{display:block;float:left;width:20%;max-width:300px;height:66px;background:url('../img/logo.png')center center no-repeat;background-size:100%;}
#crystal_nav {float:right;}
#crystal_nav ul{list-style:none;margin:0;padding:0;}
#crystal_nav ul li{display:block;float:left;position:relative;}
#crystal_nav ul li a{display:block;padding:10px;color:#fff;text-decoration:none;}
#crystal_nav ul li a:hover, #crystal_nav ul li a.active{border-bottom:3px solid #0d79ff}

#crystal_nav li:hover ul {display: block;}

#crystal_nav li ul{border-top:3px solid #0d79ff;display:none;position:absolute;left:0px;top:41px;padding:0 0 0 8px;width:242px;background-color:#333;box-shadow: 1px 3px 8px 0px #888888; z-index:6;}
#crystal_nav li:hover ul{display:block;}
#crystal_nav li ul li{display:block;padding:5px 0px;width:100%;}
#crystal_nav li ul li a{text-align:left;height:30px !important;float:left;line-height:30px !important;padding:0 0 0 6px !important;background:none !important;}
#crystal_nav li ul li a:hover{background:#0d79ff;}

#momenutoggle {display:none;float:right;margin:15px 10px 0px 0px;}
.sidemenu {position:absolute;right:-200px;top:0;width:200px;height:100%;box-sizing:border-box;background:#333;border-left:2px solid #ebebeb;box-shadow: 1px 3px 8px 0px #888888;}
.sidemenu ul {list-style:none;margin:20px 0px 0px 0px;padding:0;}
.sidemenu ul li {margin:0;box-sizing:border-box;padding:0px 0px 0px 20px;}
.sidemenu ul li a {display:block;padding:10px 15px;color:#fff;text-decoration:none;font-size:14px;}
.sidemenu ul li a:hover {opacity:0.7;}

.sidemenu li ul{display:none;padding:0 0 0 8px;width:242px;margin:0;}
.sidemenu li ul li {padding:0;}


slidersection{
	width:100%;
}
.quote_setup {width:100%;height:470px;background: url('../img/hpbg2.jpg') center center no-repeat; background-size:100%;}
.quote_setup .qb1, .booking_form .qb1 {width:45%;height: 370px; float:left;background:rgba(0,0,0,0.6); margin-top:40px; border-radius:6px;padding:0px 20px;}
.quote_setup .qb2, .booking_form .qb2 {width:45%;height: 370px; float:right;background:rgba(0,0,0,0.6); margin-top:40px; border-radius:6px;padding:0px 20px;}
.quote_setup h2, .booking_form h2 {font-weight:lighter; color:#0d79ff;font-size:20px;}
.qb3 {float:left; width:50%; box-sizing:border-box;}
.qb3 h1 {color:#fff;margin:140px 0px 0px 100px;font-size:44px;}
.qb3 h1 span {display:block;font-size:18px;}
.qb3 p {color:#fff;margin:40px 0px 0px 100px;}
.no {color:#fc00ff;}
.quote_setup ul, .booking_form ul {list-style:none;margin:0;padding:0;}
.quote_setup ul li, .booking_form ul li {padding:5px 0px;}
.obutton a {display:inline-block; padding:0px; background:#000;border:1px solid #555; color:#0d79ff;border-radius:6px; text-decoration:none; text-align:center; height:40px; line-height:40px;}
.obutton a:hover {background:#0d79ff;border:1px solid #0d79ff; color:#000;text-decoration:none;}
#phdriving {
	width:100%; 
	overflow:hidden;
	background-image: url('../img/hpbg3.jpg');
    background-repeat: no-repeat;
	background-size: cover;
    background-attachment: fixed;
	}
#rwdriving {
	width:100%; 
	overflow:hidden;
	background-image: url('../img/hpbg4.jpg');
    background-repeat: no-repeat;
	background-size: cover;
    background-attachment: fixed;
	}
.blackbox {width:100%;box-sizing:border-box;background:#000;padding:20px;border-radius:6px; border:2px solid #555; overflow-y:auto;}
.backbox h1, .blackbox h2, .blackbox h3 {border-bottom:5px solid #67676c;color:#0d79ff;}
.blackbox p {color:#888;}

.gen h1, .gen h2 {color:#fff;}
.lrgbookbutton a {
	display: block;
    width: 96%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background: #fb7d17;
    padding: 15px 0px;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
	text-decoration:none;
}
.lrgbookbutton a:hover {
    background: #d65e06;
}
.hotels div{display:inline-block;}
.hotels address, .hotels strong {color:#555;}

.latestpricing h2 {text-align:center;}
.latestpricing strong {display:block; color:#fff; font-size:13px;}
.latestpricing span {color:#0d79ff;display:inline-block;padding:5px;border-radius:6px;background:#111;margin:10px 0px 0px 0px;}
.latestpricing .col-5-1, .latestpricing .col-5-2, .latestpricing .col-5-3, .latestpricing .col-5-4, .latestpricing .col-5-5 {border: 1px solid #444;background: #222;border-radius: 3px;padding: 10px;}

#trustpar strong {color:#c9bbb9;}
.coverage h3 {font-size:15px;}
.coverage ul {list-style:square;margin:20px;padding:0;}
.coverage ul li {padding:5px 0px 5px 0px;color:#888;}
.coverage ul li a {font-size:14px;}
.coverage .mcoveragei {display:none;}
.coverageiwrp {height:300px;border-top-right-radius:0px;border-top-left-radius:0px;}

#areas_covered ul{list-style:none;margin:0;padding:0;}
#areas_covered ul li{padding:0;margin:0px 0px 3px 0px;}
#areas_covered ul li a{display:block; padding:4px; text-align:center; background:#222; color:#777; text-decoration:none;}
#areas_covered ul li a:hover{background:#111;color:#fc00ff;}


#apimgs a {display:inline-block; width:15%; margin-right:1%;}
#apimgs a img {width:100%;}

.smlblubxs {background:#0074a9;color:#fff;box-sizing:border-box;padding:20px 20px 0px 20px;text-align:center;min-height:280px; border-radius:5px;}
.smlblubxs p {color:#fff !important;font-size:14px;}
#elec_boxes .smlblubxs {min-height:100px;}

.ssr_blk1 {background:#0074a9;color:#fff;text-align:center;padding:10px 5px;}
.ssr_blk_over {position:absolute;left:0;bottom:0;width:100%;height:40px;background: rgba(56,56,56,0.8);box-sizing:border-box;color:#fff;text-align:center;}
.ssr_blk_over span {line-height:40px;}
.ssr_blk_over p {padding:5px 10px;}


.ib{display:inline-block;}
.greybot {border-bottom:5px solid #67676c;}
/* Content Imgs */
.imgresponsive {text-align:center;}
.imgresponsive img{width:100%;}
#content_img_1 {background: url('../img/c_img_1.html') center center no-repeat;background-size: cover;}
#content_img_2 {background: url('../img/c_img_2.html') center center no-repeat;background-size: cover;}

#content_ac_img_1 {background: url('../img/c_ac_img_1.html') center center no-repeat;background-size: cover;}
#content_ac_img_2 {background: url('../img/c_ac_img_2.html') center center no-repeat;background-size: cover;}


.modal_wrap {display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;box-sizing:border-box;background-color:rgba(0, 0, 0, 0.5);}
.modal_box {width:98vw;max-width:800px;height:60vh;margin:0 auto;background:#fff;position:absolute;top:20vh;right:0;left:0;box-sizing:border-box;padding:20px;overflow-y:auto;}
.close {font-size:40px !important;margin:5px 10px;}

.sliderimage {width:100%; height:450px; max-width:1600px; margin:0 auto;}
#slide1 {background:url('img/slide1.html') bottom center no-repeat;}

.col-2-1 {width:49%;float:left;}
.col-2-2 {width:49%;float:right;}

.col-3-1, .col-3-2, .col-3-3 {width:32%;float:left;box-sizing:border-box;}
.col-3-1, .col-3-3 {margin:0; padding:0;}
.col-3-2 {margin:0 2% 0 2%;}

.col-4-1 {width:23.5%;float:left;box-sizing:border-box;}
.col-4-2 {width:23.5%;float:left;box-sizing:border-box;margin:0 1% 0 1%;}
.col-4-3 {width:23.5%;float:left;box-sizing:border-box;margin:0 1% 10px 0;}
.col-4-4 {width:23.5%;float:left;box-sizing:border-box;}

.col-5-1 {width:19.2%; float:left; box-sizing:border-box;}
.col-5-2 {width:19.2%; float:left; box-sizing:border-box; margin:0 1% 0 1%;}
.col-5-3 {width:19.2%; float:left; box-sizing:border-box;}
.col-5-4 {width:19.2%; float:left; box-sizing:border-box;margin:0 1% 0 1%;}
.col-5-5 {width:19.2%; float:left; box-sizing:border-box;}

.col-6-1,.col-6-2, .col-6-3, .col-6-4, .col-6-5, .col-6-6 {width:15%;float:left;box-sizing:border-box;}
.col-6-2, .col-6-5 {margin:0 2% 0 2%;}
.col-6-4 {margin:0 0 0 2%;}

.col-10-1,.col-10-2, .col-10-3, .col-10-4, .col-10-5, .col-10-6, .col-10-7, .col-10-8, .col-10-9, .col-10-10 {width:9.1%;float:left;box-sizing:border-box;}
.col-10-2, .col-10-4, .col-10-6, .col-10-8 {margin:0 1% 0 1%;}
.col-10-10 {margin:0 0 0 1%;}


.greybg{background-color:#f0f0f0;}
.blackbg{background-color:#000;}

/* Headings */
.content h1,.content h2 {margin:0; padding:0; font-size:24px;}
.content-small h1,.content-small h2 {margin:0; padding:0; font-size:18px;}
.larger {font-size:120%;}

/* Slider */
#myCarousel {max-width:1600px;margin:0 auto;}
.carousel-ani-text {position:absolute;}
.carousel-ani-text h1 {font-size:36px;margin:0; padding:0;text-shadow: 1px 1px #fff}
.carousel-ani-text p {margin:0; padding:0;text-shadow: 1px 1px #fff}
#anitext1 {top:150px; right:100px;}
#anitext2 {top:150px; right:100px;}
#anitext3 {top:150px; right:100px;}
#anitext4 {top:150px; right:100px;}

/* Content */
.content p {color:#888;font-weight:300;line-height:1.6;}
.content-box{box-sizing:border-box;padding:25px;border:2px solid #333;border-radius:6px;overflow-y:auto;}
.content-box-small{box-sizing:border-box;padding:5px;}

.smalltxt {font-size:12px;line-height:1.6;}	

.morebutton a{display:inline-block;padding:5px 10px;border:2px solid #03aad7;text-decoration:none;}
.morebutton a:hover {background:#03aad7;color:#fff;text-decoration:none;}

.contactfeaturebar {width:100%;height:204px;color:#025495;position:relative;border-top:2px solid #ebebeb; background:#f3f3f3;}
.contactfeaturebarcontent {position:absolute; top:0px; right:0px;width: calc(100% - 350px);height:204px;}
.contactfeaturebarcontent strong {display:block; color:#444;padding:5px 0px;font-weight:lighter;}
.contactfeaturebarcontent .mail {color:#444;font-weight:lighter;}
.contactfeaturebarcontent .call a, .contactfeaturebarcontent .mail a {display:inline-block;text-decoration:none;}
.contactfeaturebarcontent .sep {clear:both; width:100%; margin:0px auto 0px auto; height:1px; background:#03aad7;} 
.circleboxwrapper {position:absolute;top:0px;left:0px;width:400px; height:204px; overflow:hidden;position:relative;}
.circlebox {position:absolute;top:-100px;left:-100px;border-radius:50%;display: inline-block; width:400px; height:400px; background:#03aad7;}

#quote_bar {box-sizing:border-box; padding:30px 50px; border-top: 5px solid #0074a9;border-left: 5px solid #ebebeb;border-right: 5px solid #ebebeb;border-bottom: 5px solid #ebebeb;}
#quote_bar h3 {font-size:40px; margin:0 auto; text-align:left;}
#quote_bar h3 span {color:#0074a9;}
#quote_bar #qb_b1 {width: calc(100% - 150px);float:left;}
#quote_bar #qb_b1 p {padding:5px 0px;margin:0;font-weight:lighter;}
#quote_bar #qb_b2 {width: 150px;float:right; padding-top:25px;text-align:center;}

.hollywood_header{color:#fff;text-align:center;box-sizing:border-box;padding:50px 0px 50px 0px;}
.hollywood_header h2 {font-size:60px; width:90%; max-width:800px; margin:0 auto; text-align:center;}
.hollywood_header p {width:90%; max-width:700px; text-align:center;margin:10px auto;}
.hollywood_video {position:absolute; top:0; right:0; bottom:0; left:0; padding-top:100px;background: rgba(0,0,0,0.4);}
.hollywood_header video {width:100%;height:100%;}
.greysep {width:94% margin:0 auto; height:5px; background:#ebebeb;}

.locations div {display:block;box-sizing:border-box;text-align:center;padding:20px 0px 20px 0px;background:#00aedd;color:#fff;margin:5px;}
.locations div strong {display:block;}
.locations .call a {color:#fff;}

.flexset {display: flex;flex-wrap:wrap;padding:10px;}
.flexitem {min-width:30%;max-width:100%;flex: 1;margin:10px;box-sizing:border-box; border:5px solid #ebebeb;position:relative; border-radius:6px;background:#fff;}

.flexitem a {text-decoration:underline;position:absolute; bottom:10px; left:70px;}
.servicesblockimg {width:100%;background:#ebebeb;box-sizing:border-box;padding:20px;}
.servicesblockimg div {width:100%;height:150px;overflow:hidden;transition: height .25s ease-out;}

.servicesblockimg img {width:100%;max-width:800px;}
.servicesblock {box-sizing:border-box;padding:10px 10px 10px 70px;position:relative;}
.servicesblock h3 {color:#fc00ff;}
.servicesblock p {color:#67676c;font-weight:300;line-height:1.6;}
.img_tl_20 {position:absolute;top:20px;left:20px;}

.partnerimg {text-align:center;}
.partnerimg img {width:100%;max-width:200px;}

.sep {
	width: 98%;
    margin: 0 auto;
    height: 1px;
    background: #333;
}

#myCarousel2, #myCarousel3 {padding-bottom:50px;}

#myCarousel2 .itemblurb {line-height:1;}
 /* bookings */
 
#jc {color:#fff;font-size:28px;}
.data-table {font-size:12px;}
.data-table th {background:#222;padding:3px;color:#888;}
.data-table td {border-bottom:1px solid #222;padding:8px 3px;color:#888;}

 /* formfields */
 
 .formfields input[type=text], .formfields select, .formfields input[type=date], .formfields input[type=time]{
	 width:100%;
	 height:40px;
	 box-sizing:border-box;
	 line-height:40px;
	 padding:0px 5px;
	 font-size:14px;
	 background:#f2f2f2;
	 border:1px solid transparent;
	 border-radius:3px;
	 -webkit-appearance: none;
 }
 .formfields textarea{
	 width:100%;
	 min-height:40px;
	 box-sizing:border-box;
	 padding:0px 5px;
	 font-size:14px;
	 background:#f2f2f2;
	 border:1px solid transparent;
	 border-radius:3px;
	 -webkit-appearance: none;
 }
.formfields input[type=checkbox] {
	 -ms-transform: scale(2); /* IE */
	 -moz-transform: scale(2); /* FF */
	 -webkit-transform: scale(2); /* Safari and Chrome */
	 -o-transform: scale(2); /* Opera */
    transform: scale(2);
	padding:10px;
	box-sizing:border-box;
}
.formfields label{
	 color:#888;
}
.footer {background:#111;width:100%;}
.ftr {width:100%; box-sizing:border-box; color:#eee; padding:20px 50px;font-size:12px;}
.ftr h3 {margin:0;padding:0;text-align:left; font-size:14px;}

.ftr .col-4-3 ul li a:hover {color:#fc00ff;}

.ftr ul {list-style:none;margin:0;padding:0;}
.ftr ul li {padding:0px; margin:0px; border-bottom:1px solid #1b2632;line-height:20px;}
.ftr ul li a  {display:block; color:#999; padding:3px 0px 3px 15px; text-decoration:none;-webkit-transition: background 0.5s;transition: background 0.5s;}
.fef1 ul li a:hover, .fef2 ul li a:hover, .fef3 ul li a:hover, .fef4 ul li a:hover {color:#fff;}

.fef0 {width:20%; float:left;box-sizing:border-box;padding-right:40px;}
.fef0 p {color:#999;margin:0;padding:3px 0px;}
.fef1, .fef2, .fef3, .fef4 {width:20%; float:left; box-sizing:border-box;}
.fef2 {padding:0px 50px 0px 0px;}
.ftrcall a {display:block; margin-top:10px; padding:3px 0px 3px 25px; background: url('../img/ftrcall.html') top left no-repeat; color:#999; text-decoration:none;}
.ftrem a {display:block; margin-top:10px; padding:3px 0px 3px 25px; background: url('../img/ftrem.html') top left no-repeat; color:#999; text-decoration:none;}
.copyr {font-size:12px;}
#socials a {color:#fff;font-size:18px;}

#map {width:100%;height:350px; border-top:5px solid #ebebeb;border-bottom:5px solid #ebebeb;}
.cs_map_logo {
  width:200px;
  heigth:31px;
}
.cs_map_logo img {
 width:100%;
}

.rel {position:relative;}
.abs {position:absolute;}
.over {overflow-y:auto;}
.fr {float:right;}
.fl {float:left;}
.center {text-align:center;}
.clear {clear:both;float:none;}
.s10{height:10px;}.s15{height:15px;}.s20{height:20px;}.s30 {height:30px;}.s40 {height:50px;}.s50 {height:50px;}
.w40{width:40px;}
.greybtmbrdr {border-bottom: 1px solid #ebebeb;}
.orngbtmbrdr {border-bottom: 1px solid #0d79ff;}

.nav-icon3 {
  width: 20px;
  height: 15px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #c5c7c9;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.nav-icon3 span:nth-child(1) {top: 0px;}
.nav-icon3 span:nth-child(2),.nav-icon3 span:nth-child(3) {top: 6px;}
.nav-icon3 span:nth-child(4) {top: 12px;}
.nav-icon3.open span:nth-child(1) {top: 6px;width: 0%;left: 50%;}
.nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.nav-icon3.open span:nth-child(4) {top: 6px;width: 0%;left: 50%;}

.text-drop {
  position: relative;
  font-weight: 900;
}

.drop1 {
  display:inline-block;
  opacity:0;
  animation: drop .4s linear forwards;
  animation-delay: 1s;
}

.drop2 {
  display:inline-block;
  opacity:0;
  animation: drop .4s linear forwards .2s;
  animation-delay: 1.2s;
}

.drop3{
  display:inline-block;
  opacity:0;
  animation: drop .4s linear forwards .4s;
  animation-delay: 1.4s;
}

.drop4 {
  opacity:0;
  animation: drop .4s linear forwards .6s;
  animation-delay: 1.6s;
}

.drop5 {
  opacity:0;
  animation: drop .4s linear forwards .8s;
  animation-delay: 4s;
}
.chuck1 {opacity:0;animation: chuck .4s linear forwards 1.1s;animation-delay: 1s;}
.flip { animation: flip 2s;animation-delay: 5s}
.swipe {opacity:1;animation: swipeaway 1.4s linear; animation-delay: 6s;}
  
.error {padding:10px;background:#eaa5a5;color:#cb0707;border:1px solid #cb0707;}
.success {color:#888;}

@keyframes drop {
  0% {transform: translateY(-200px) scaleY(0.9); opacity: 0;}
  5% {opacity: .7;}
  50% {transform: translateY(0px) scaleY(1); opacity: 1;}
  65% {transform: translateY(-17px) scaleY(.9); opacity: 1;}
  75% {transform: translateY(-22px) scaleY(.9); opacity: 1;}
  100% {transform: translateY(0px) scaleY(1); opacity: 1;}
}
@keyframes chuck {
  0% {transform: translateY(200px) scaleY(0.9); opacity: 0;}
  5% {opacity: .7;}
  50% {transform: translateY(0px) scaleY(1); opacity: 1;}
  65% {transform: translateY(-17px) scaleY(.9); opacity: 1;}
  75% {transform: translateY(-22px) scaleY(.9); opacity: 1;}
  100% {transform: translateY(0px) scaleY(1); opacity: 1;}
}
@keyframes flip {
0%,80% {
transform: rotateY(360deg) 
}
}

.btnloading {
	position:absolute;
	top:15px;
	left: calc(50% - 7px);
	width: 14px;
    height: 14px;
	border: 3px solid #f3f3f3;
	border-radius: 50%;
	border-top: 3px solid #3ea9f5;
	-webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
  }
.miniload, .load, .loader, .loader2, .leftload {
	border: 3px solid #f3f3f3;
	border-radius: 50%;
	border-top: 3px solid #3ea9f5;
	-webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
  }
.miniload {
  /* 14px */
  margin:2px auto 2px auto;
  width: 7px;
  height: 7px;
}
.load {
  /* 28px */
  margin:4px auto 4px auto;
  width: 14px;
  height: 14px;
}
.loader {
  /* 40px */
  margin:9px auto 0px auto;
  width: 20px;
  height: 20px;
}
.leftload {
  /* 40px */
  margin:20px auto 0px 0px;
  width: 20px;
  height: 20px;
  display:inline-block;
}
.loader2 {
  /* 50px */
  margin:12px auto 0px auto;
  width: 20px;
  height: 20px;
  position:absolute;
  left: calc(50% - 10px);
}

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

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}