@charset "utf-8";
/* CSS Document */


/*	
	font-family: 'Source Sans Pro', sans-serif;
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-family: 'Roboto', sans-serif;
    font-family: 'Dancing Script', cursive;
	font-family: 'Hind', sans-seri;
    font-family: 'Anton', sans-serif;
	font-family: 'Open Sans', sans-serif;
 	font-family: 'Archivo black', sans-serif;
    font-family: 'Maven Pro', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Homemade Apple', cursive; 
    font-family: 'Oswald', sans-serif;
    font-family: 'Cedarville Cursive', cursive; 
    font-family: 'Satisfy', cursive; 
    font-family: 'Libre Franklin', sans-serif;
*/




/*
@import url(http://fonts.googleapis.com/css?family=Anton);
@import url(http://fonts.googleapis.com/css?family=Archivo+black);
@import url(http://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed);
@import url(http://fonts.googleapis.com/css?family=Homemade+Apple);
@import url(http://fonts.googleapis.com/css?family=Libre+Franklin);
@import url(http://fonts.googleapis.com/css?family=Hind);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Satisfy);
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=Julisu+Sans+One);
*/

/*@import url(http://fonts.googleapis.com/css?family=Fjalla+One);*/
/*@import url(http://fonts.googleapis.com/css?family=Pacifico);*/



 /*   from the list examples
li {
  font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #ccc;
}

li a:hover {
  font-size: 30px;
  background: #f6f6f6;
}

 
li:last-child {
  border: none;
}
 
li a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 200px;
 
  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}
 

h2 {
  font: 400 40px/1.5 Helvetica, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}*/

/*.col-lg-2 > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f056";
    padding-right: 5px;
}
.col-lg-2 > a.collapsed:before {
    float: right !important;
    content:"\f055";
}
*/
/*.col-lg-2 > a:hover, 
.col-lg-2 > a:active, 
.col-lg-2 > a:focus  {
    text-decoration:none;
}
*/

//medium+ screen sizes
@media (min-width:992px) {
    .desktop-only {
        display:block !important;
    }
}
 
//small screen sizes
@media (max-width: 991px) {
    .mobile-only {
        display:block !important;
    }
 
    .desktop-only {
        display:none !important;
    }
}


/*
.slider {
  position: relative;
  width: 100%;
  top: calc(50% - 97.25px);
  overflow: hidden;
}
.slider .slider-row {
  width: 1630px;
  height: 31px;
  background-image: url(../images/endlessslide.jpg);
  background-size: 1630 31px;
  animation: eslide 28s linear infinite;        

}

@keyframes eslide {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -1630px;
  }
}

@-webkit-keyframes slide {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -2956px;
  }
}

*/
.subPageContainer {
	
  padding-top: 10px;
  border-radius: 15px;
  border: 2px solid;
  margin-right:5px;
  margin-left:5px;
	
  -webkit-box-shadow:  0px 10px 20px 3px rgba(115,114,114,0.83);
  -moz-box-shadow: 0px 10px 20px 3px rgba(115,114,114,0.83);
  box-shadow: 0px 10px 20px 3px rgba(115,114,114,0.83);	
  
  border-style: solid; 
  border-width: 2px 2px 2px 2px;	
  border-color: #4F5EFC;   	
}


.text-shadow0 {
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
}

.text-shadow1 {
    text-shadow: 1px 1px 0 rgba(0,0,0,.5);
/*      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);*/
}	
.text-shadow2 {
    text-shadow: 2px 2px 0 rgba(0,0,0,.5);
/*      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);*/
}	
.text-shadow3 {
	text-shadow: 3px 3px 5px rgba(0,0,0,.75);
}	

.text-shadow4 {
	text-shadow: 5px 5px 10px rgba(0,0,0,.75);
}	

.panel-default {
    border: none;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index:99;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.carousel-fade .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out  .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}

/*  background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818); */


.carousel-fade .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}



/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #080d15;
    opacity: .4;
}



.tooltip-inner {
   background-color: rgba(187,51,53,01.0) !important;
   color: #fff;
}
.tooltip.left > .tooltip-arrow {
   border-left-color: rgba(187,51,53,01.0) !important;
}
.tooltip.right > .tooltip-arrow {
   border-right-color: rgba(187,51,53,01.0) !important;
}	
.tooltip.top > .tooltip-arrow {
   border-top-color: rgba(187,51,53,01.0) !important;
}
.tooltip.bottom > .tooltip-arrow {
   border-bottom-color: rgba(187,51,53,01.0) !important;
}	



tooltip-black .tooltip-inner {
   background-color: rgba(187,51,53,0.9) !important;
   color: #fff;
}
.tooltip-black .tooltip.left > .tooltip-arrow {
   border-left-color: rgba(187,51,53,0.9) !important;
}
.tooltip-black .tooltip.right > .tooltip-arrow {
   border-right-color: rgba(187,51,53,0.9) !important;
}	
.tooltip-black .tooltip.top > .tooltip-arrow {
   border-top-color: rgba(187,51,53,0.9) !important;
}
.tooltip-black .tooltip.bottom > .tooltip-arrow {
   border-bottom-color: rgba(187,51,53,0.9) !important;
}	



#displayBuffer {
	display:none;	
}

.rotate-icon{
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    transform: rotate(-225deg);
}



/* misc */

.carousel {overflow:hidden}	

/*html { 
  background: url(../images/oil.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/


.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}


/*  for the testimonial block */

.quote {
   color: rgba(0,0,0,.2);
/*   text-align: center;
   margin-bottom: 30px;*/
}


/*definition overides*/


/*h2 {
   font-size: 24px;
   color: #303030;
   font-weight: 600;
}
h4 {
   font-size: 19px;
   line-height: 1.375em;
   color: #303030;
   font-weight: 400;
}
*/
.thumbnail {
   padding: 0 0 15px 0;
   border: none;
   border-radius: 0;
}
.thumbnail img {
   width: 100%;
   height: 100%;
   margin-bottom: 10px;
}



#social:hover {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
}
#social {
   -webkit-transform: scale(0.8);
   -webkit-transition-duration: 0.5s;
   -moz-transition-duration: 0.5s;
   -o-transition-duration: 0.5s;
   -moz-transform: scale(0.8);
   -o-transform: scale(0.8);
   }


.social-fb:hover {
    background-color: #BF091A;
}
.social-tw:hover {
    color: #4099FF;
}
.social-gp:hover {
    color: #d34836;
}
.social-em:hover {
    background-color: #BF091A;	
}



/*  
  The horizontal offset of the shadow, positive means the shadow will be on the right of the box, a negative offset will put the shadow on the left of the box.
  
    The vertical offset of the shadow, a negative one means the box-shadow will be above the box, a positive one means the shadow will be below the box.
	
    The blur radius (optional), if set to 0 the shadow will be sharp, the higher the number, the more blurred it will be.
	
    The spread radius (optional), positive values increase the size of the shadow, negative values decrease the size. Default is 0 (the shadow is same size as blur).
	
    Color
	
*/
.grad-gray {
  height: 100px;
  background-color: white;
  background-image:
    linear-gradient(
      to top,
      rgba(130,130,130,1.00),
	  rgba(212,211,211,1.00));
}



/*

.subpageBtn:hover {
  background-color: rgba(212,212,212,1.00);	
  font-size: 18px;
  font-weight:600;
  background: #f6f6f6;
  box-shadow: 4px 6px 8px 0px #7b7b7b;  
  color: rgba(0,0,0,1.00);
  background-color: rgba(255,255,255,0.10);    
  transition: all 0.1s ease;
}


.subpageBtn {
  display:block ;
  position: relative;
  color:rgba(208,208,208,1.00);  
  background-color: rgba(67,67,67,1.00);
  border: 1px solid gray;
  border-radius: 8px;  
  font: 400 16px/1.5 Roboto, sans-serif;
  box-shadow: 0px 0px 0px 0px #7b7b7b;  
}

.closeBtn {
  padding: 5px 10px 5px 10px;
  border-radius:50px;
  left:8px;
}

.gotopageBtn {
  display:block ;
  position: relative;
  padding: 5px 30px 5px 30px;  
  margin-bottom: 30px;
  margin-top: 30px;	
}
.callBtn {
  display:block ;
  position: relative;
  padding: 5px 50px 5px 50px; 
  width:100px; 
}


#fbBtn {
  bottom: 87px;
  right: -5px;
  color: rgba(62,83,207,.6);  
  padding:2px 2px 2px 2x;
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,0);    
  border-radius: 8px;  
  border-color: rgba(62,83,207,.6);
}
#fbBtn:hover {
  color: rgba(62,83,207,1);  
}
#topBtn:hover {
  background-color: rgba(255,0,4,1.00);	
}
#homeBtn:hover {
  background-color: rgba(64,191,82,1.00);
}
#callBtn:hover {
  background-color: rgba(122,81,146,1.00);
}
#homeBtn {
  bottom: 144px;	
  background-color: rgba(64,191,82,.6);
}
#topBtn {
  bottom: 198px;
  background-color:  rgba(255,0,4,.6);
}
#callBtn {
  bottom: 45px;
  padding:10px;  
  background-color:  rgba(61,24,167,0.60);
}
.stickyBtn:hover {
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,1.00);  
  padding: 8px;  
  transition: all 0.1s ease;	
  text-decoration:none;  
  color: white;    
}
.stickyBtn {
  display: block;
  position: fixed;
  right: 3px;
  z-index: 99;
  cursor: pointer;
  padding: 10px;  
  border-radius: 50px;  
  color: white;  
  text-decoration:none;  
  box-shadow: 2px 2px 0px 0px rgba(0,0,0,.4); 	
}

*/



/* navbar colors */


/* Title
.navbar-default .navbar-brand {
    color: #777;
} */

/*.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #000000;
}*/


/* Caret
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
} */


.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #F8FF01;
    background-color: #E8E23E;
}

/* basic bar color */
.navbar-default {
    background-color: rgba(38,58,120,1.00);
    border-color: #E7E7E7;
}



/* navbar height */
.navbar-nav > li > a {
	padding-top:0px !important;
    padding-bottom:0px !important;
	vertical-align:middle !important;
	line-height: 20px;

	
}
.navbar {
	text-align: center;	
	min-height:32px !important;
	border-top:hidden;
	border-left: hidden;
	border-right:hidden;
	border-radius:0px;
/*	line-height:12px;	*/
	line-height:8px;	
	vertical-align:central;
  	background-color:rgba(38,58,120,1);
	border-bottom: 2px solid #BCBCBC;
	padding-top:4px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(118,118,118,1);
    -moz-box-shadow: 0 8px 6px -6px  rgba(118,118,118,0.77);
    box-shadow:  0 8px 6px -6px rgba(118,118,118,0.77);
	/*border-top: 3px solid #DF1B1F;*/
}

/* for navbar shrinking */
nav.navbar.shrink {
  min-height: 32px !important;
  height:28px;
  background-color: rgba(38,58,120,.70);
  line-height:8px;
  padding-top:4px;  
  border-bottom:2px solid #BCBCBC;
}

/*.shrink {
  height: 28px !important;
  padding-top:2px;
}
*/
/* current selection highlight */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #F8FF01 !important;
    background-color: transparent;
}


/* cursor over hover */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #F8FF01;
}

/* Link text*/
.navbar-default .navbar-nav > li > a {
    color: #fff;
}




/*hr {
   height: 6px;
   color: #BBBBBB;
   background-color: #BBBBBB;
   border: none;
   padding: 0px;
   margin: 0px;
}

   padding-right: 0;
   padding-left: 0;
   border-top-width: 4px;
   border-top-style: solid;
   border-top-color: #575748;
	border-top: 1px solid #8c8b8b;
*/    




hr.style1{
	border-top: 1px solid #8c8b8b;
}


hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


hr.style14 { 
  border: 0; 
  height: 3px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.style16 { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.style16:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -12px; 
  left: 40px; 
  padding: 0 3px; 
  background: #f0f0f0; 
  color: #8c8b8b; 
  font-size: 18px; 
}


hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}
hr.style19{
	border-top: 2px solid #6F6F6F;
}
hr.style20{
	border-top: 3px solid #6F6F6F;
}
hr.style21{
   padding-right: 0;
   padding-left: 0;
   border-top-width: 4px;
   border-top-style: solid;
   border-top-color: #575748;
}
hr.style0{
   height: 2px;
   color: #BBBBBB;
   background-color: #BBBBBB;
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style00 {
   height: 4px;
   color: #BBBBBB;
   background-color: #BBBBBB;
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style000 {
   height: 6px;
   color: #BBBBBB;
   background-color: #BBBBBB;
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style0-darkred {
   height: 2px ;
   color: #rgba(175,14,17,1.00);
   background-color: rgba(175,14,17,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}

hr.style00-darkred {
   height: 4px;
   color: #rgba(175,14,17,1.00);
   background-color: rgba(175,14,17,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style000-darkred {
   height: 6px;
   color: #rgba(175,14,17,1.00);
   background-color: rgba(175,14,17,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style0-blue {
   height: 2px;
   color: rgba(105,87,255,1.00);
   background-color: rgba(105,87,255,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}

hr.style00-blue {
   height: 4px;
   color: rgba(105,87,255,1.00);
   background-color: rgba(105,87,255,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style000-blue {
   height: 6px;
   color: rgba(105,87,255,1.00);
   background-color: rgba(105,87,255,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style0-darkblue {
   height: 2px;
   color: rgba(19,5,139,1.00);
   background-color: rgba(19,5,139,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}

hr.style00-darkblue {
   height: 4px ;
   color: rgba(19,5,139,1.00);
   background-color: rgba(19,5,139,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style000-darkblue {
   height: 6px ;
   color: rgba(19,5,139,1.00);
   background-color: rgba(19,5,139,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style0-red {
   height: 2px ;
   color: rgba(248,0,30,1.00);
   background-color: rgba(248,0,30,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}

hr.style00-red {
   height: 4px ;
   color: rgba(248,0,30,1.00);
   background-color: rgba(248,0,30,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style000-red {
   height: 6px ;
   color: rgba(248,0,30,1.00);
   background-color: rgba(248,0,30,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style0-black {
   height: 2px ;
   color: rgba(0,0,0,1.00);
   background-color: rgba(0,0,0,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}

hr.style00-black {
   height: 4px ;
   color: rgba(0,0,0,1.00);
   background-color: rgba(0,0,0,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style000-black {
   height: 6px ;
   color: rgba(0,0,0,1.00);
   background-color: rgba(0,0,0,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style0-white {
   height: 2px ;
   color: rgba(255,255,255,1.00);
   background-color: rgba(255,255,255,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}

hr.style00-white {
   height: 4px ;
   color: rgba(255,255,255,1.00);
   background-color: rgba(255,255,255,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}
hr.style000-white {
   height: 6px ;
   color: rgba(255,255,255,1.00);
   background-color: rgba(255,255,255,1.00);
   border: none;
   padding: 0px;
   margin: 0px;
}

 
 
 
 
 
 
 
 
/*  
  The horizontal offset of the shadow, positive means the shadow will be on the right of the box, a negative offset will put the shadow on the left of the box.
  
    The vertical offset of the shadow, a negative one means the box-shadow will be above the box, a positive one means the shadow will be below the box.
	
    The blur radius (optional), if set to 0 the shadow will be sharp, the higher the number, the more blurred it will be.
	
    The spread radius (optional), positive values increase the size of the shadow, negative values decrease the size. Default is 0 (the shadow is same size as blur).
	
    Color
	
*/  
   

.shadow1 {
   -webkit-box-shadow:  3px 3px 6px 2px  rgba(96,95,95,1.00);
   -moz-box-shadow: 3px 3px 6px 2px   rgba(96,95,95,1.00);
   box-shadow: 3px 3px 6px 2px  rgba(96,95,95,1.00);
}

  
.shadow2 {
   -webkit-box-shadow: 3px 3px 12px 3px  #ACAAAA;;
   -moz-box-shadow: 3px 3px 12px 3px  #ACAAAA;;
   box-shadow: 3px 3px 12px 3px  rgba(96,95,95,1.00);   
}
.shadow3 {
   -webkit-box-shadow:  0 20px 12px -12px rgba(0,0,0,0.91);
   -moz-box-shadow: 0 20px 12px -12px gray;
   box-shadow: 0 20px 12px -12px gray;
}
.shadow4 {
   height: auto;
   -webkit-box-shadow: 15px 13px 20px 3px rgba(181,181,181,.5);
   -moz-box-shadow: 15px 13px 20px 3px rgba(134,134,134,1.00);
   box-shadow: 15px 13px 20px 3px rgba(134,134,134,1.00);
}
.shadow5 {
   height: auto;
   -webkit-box-shadow: 15px 13px 20px 3px rgba(0,0,0,0.91);
   -moz-box-shadow: 15px 13px 20px 3px rgba(0,0,0,0.91);
   box-shadow: 15px 13px 20px 3px rgba(0,0,0,0.7);
}
.shadow6 {
   -webkit-box-shadow: inset 0 0 20px #000;
   -moz-box-shadow: inset 0 0 24px #000;
   box-shadow: inset 0 0 24px #000;
}
.shadow7 {
-webkit-box-shadow: 14px 17px 45px -10px rgba(115,114,114,0.83);
-moz-box-shadow: 14px 17px 45px -10px rgba(115,114,114,0.83);
box-shadow: 14px 17px 45px -10px rgba(115,114,114,0.83);
}
.shadow8 {
-webkit-box-shadow:  0px 10px 20px 3px rgba(115,114,114,0.83);
-moz-box-shadow: 0px 10px 20px 3px rgba(115,114,114,0.83);
box-shadow: 0px 10px 20px 3px rgba(115,114,114,0.83);
}
.innershadow {
   -moz-box-shadow: inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow: inset 0 0 10px #000000;
}

.circle {
   width: 250px;
   height: 250px;
   display: inline-block;
   border-radius: 50%;
/*   background-color: #aaa;*/
}

.fontadjust{ font-size-adjust:.50;  }
.stdfont0 {font: 400 17px/1.15 Libre Franklin, sans-serif; color: rgba(112,112,112,1.00);}
.stdfont1 {font: 400 18px/1.15 Libre Franklin, sans-serif; color: rgba(112,112,112,1.00);}
.stdfont2 {font: 600 18px/1.25 Libre Franklin, sans-serif; color: rgba(112,112,112,1.00);}
.stdfont3 {font: 400 19px/1.25 Libre Franklin, sans-serif; color: rgba(112,112,112,1.00);}
.stdfont4 {font: 600 19px/1.15 Libre Franklin, sans-serif; color: rgba(112,112,112,1.00);}
.stdfont5 { font: 400 20px/1.25 Libre Franklin, sans-serif; color: rgba(112,112,112,1.00);}
.stdfont6 { font: 600 20px/1.25 Libre Franklin, sans-serif; color: rgba(112,112,112,1.00);}
.titlefont0 {font: 400 24px/1.3 Rubik, sans-serif; color: rgba(112,112,112,1.00);}
.titlefont1 {font: 400 28px/1.25 Rubik, sans-serif; color: rgba(112,112,112,1.00);}
.titlefont2 {font: 600 28px/1.25 Rubik, sans-serif; color: rgba(112,112,112,1.00);}
.titlefont3 {font: 400 30px/1.25 Rubik, sans-serif; color: rgba(112,112,112,1.00);}
.titlefont4 {font: 600 30px/1.25 Rubik, sans-serif; color: rgba(112,112,112,1.00);}
.titlefont5{font: 600 32px/1.25 Rubik, sans-serif; color: rgba(112,112,112,1.00);}
.titlefont6{font: 400 36px/1.25 Rubik, sans-serif; color: rgba(112,112,112,1.00);}
.titlefont7{font: 600 36px/1.25 Rubik, sans-serif; color: rgba(112,112,112,1.00);}
.titlefont8{font: 600 40px/1.25 Rubik, sans-serif; color: rgba(112,112,112,1.00);}
.bannerfont1 {font: 200 30px/1.25 Archivo black, sans-serif;}
.bannerfont2 {font: 400 45px/1.25 Archivo black, sans-serif;}
.bannerfont3 {font: 800 45px/1.25 Archivo black, sans-serif;}
.bannerfont4 {font: 800 50px/1.25 Archivo black, sans-serif;}
.bannerfont5 {font: 400 60px/1.25 Archivo black, sans-serif;}
.bannerfont6 {font: 800 60px/1.0 Archivo black, sans-serif;}
.sigfont1 {font: 400 22px/1.25 Homemade Apple, cursive;}
.sigfont2 {font: 400 38px/1.25 Satisfy, cursive;}
.navfont1 {font: 500 18px/1.25 Fira Sans Extra Condensed, sans-serif;}

.pagetitle {
   -webkit-animation-duration: 1.5s;
   -webkit-animation-delay: .75s;/*  -webkit-animation-iteration-count: infinite;*/
}
.bannertitle1 {
   -webkit-animation-duration: 3s;
   -webkit-animation-delay: 1s;/*  -webkit-animation-iteration-count: infinite;*/
}
.bannertitle2 {
   -webkit-animation-duration: 3s;
   -webkit-animation-delay: 1.5s;/*  -webkit-animation-iteration-count: infinite;*/
}
.animspeed.5 {
   -webkit-animation-duration: .5s;
 /*  -webkit-animation-iteration-count: infinite;*/
}
.animspeed1 {
   -webkit-animation-duration: 1s;
 /*  -webkit-animation-iteration-count: infinite;*/
}
.animspeed2 {
   -webkit-animation-duration: 2s;
 /*  -webkit-animation-iteration-count: infinite;*/
}
.animspeed3 {
   -webkit-animation-duration: 3s;
 /*  -webkit-animation-iteration-count: infinite;*/
}
.animspeed4 {
   -webkit-animation-duration: 4s;
 /*  -webkit-animation-iteration-count: infinite;*/
}
.animdelay.5 {
  -webkit-animation-delay: .5s;
}
.animdelay1 {
  -webkit-animation-delay: 1s;
}
.animdelay1.5 {
  -webkit-animation-delay: 1.5s;
}
.animdelay2 {
  -webkit-animation-delay: 2s;
}

.text-std {color: rgba(88,88,88,1.00);}
.text-red {color: #CD2628;}
.text-dk-red {color: #8C0002;}
.text-lt-blue{color: #7295C4;}
.text-blue {color: #00468C;}
.text-dk-blue {color: #32317E;}
.text-gray {color: #D1D1D1;}
.text-lt-gray {color: #A8A8A8;}
.text-md-gray{color: rgba(127,127,127,1.00);}
.text-dk-gray{color: #4B4A4A;}
.text-white {color: #ffffff;}
.text-black {color: #000000;}

.box-dk-red{border-color: #AC1F31;}
.box-red{border-color: #F30724;}
.box-blue{border-color: #4F5EFC;}
.box-gray{border-color: #555555;}
.box-lt-gray{border-color: #555555;}
.box-lt-black{border-color: #000000;}

.bg-white{background-color: #ffffff;}
.bg-gray{background-color: #EBE7E7;}
.bg-lt-gray{background-color: #F1F1F1;}
.bg-dk-gray{ background-color: rgba(65,65,65,1.00);}
.bg-transparent{background-color: transparent;}
.bg-dk-blue {background-color: #282764;}

.gradient {
   background: -webkit-linear-gradient(#36417E, #2D2E58); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#36417E, #2D2E58); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#36417E, #2D2E58); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#36417E, #2D2E58); /* Standard syntax */
}
.green_grad {
   background: -webkit-linear-gradient(#FFF, #19cd37); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#FFF, #19cd37); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#FFF, #19cd37); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#FFF, #19cd37); /* Standard syntax */
   text-align: center;
   padding: 10px 0px 10px 0px;
}

.strokegraythintransparent {
   color: rgba(255,255,255,0.85); /* text color */
   -webkit-text-stroke: 1px #363232; /* stroke color and weight */
}

.strokegraythinwhite {
   color: #FFFFFF; /* text color */
   -webkit-text-stroke: 1px #363232; /* stroke color and weight */
}
.strokegraymedwhite {
   color: #FFFFFF; /* text color */
   -webkit-text-stroke: 2px #363232; /* stroke color and weight */
}
.strokegraythickwhite {
   color: #FFFFFF; /* text color */
   -webkit-text-stroke: 3px #363232; /* stroke color and weight */
}
.strokeltgraythinwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 1px #5B5B5B; /* stroke color and weight */
}
.strokeltgraymedwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 2px #5B5B5B; /* stroke color and weight */
}
.strokeltgraythickwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 3px #5B5B5B; /* stroke color and weight */
}
.strokeblackthinwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 1px #000000; /* stroke color and weight */
}
.strokeblackmedwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 2px #000000; /* stroke color and weight */
}
.strokeblackthickwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 3px #000000; /* stroke color and weight */
}
.strokebluethinwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 1px #2B4AAD; /* stroke color and weight */
}
.strokebluemedwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 2px #2B4AAD; /* stroke color and weight */
}
.strokebluethickwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 3px #2B4AAD; /* stroke color and weight */
}
.strokedarkredthinwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 1px #9B2F39; /* stroke color and weight */
}
.strokedarkredmedwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 2px #9B2F39; /* stroke color and weight */
}
.strokedarkredthickwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 3px #9B2F39; /* stroke color and weight */
}
.strokeredthinwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 1px #EC070E; /* stroke color and weight */
}
.strokeredmedwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 2px #EC070E; /* stroke color and weight */
}
.strokeredthickwhite {
   color: #ffffff; /* text color */
   -webkit-text-stroke: 3px #EC070E; /* stroke color and weight */
}
.strokeblackthindarkred {
   color: #9B2F39; /* text color */
   -webkit-text-stroke: 1px #000000; /* stroke color and weight */
}
.strokeblackmeddarkred {
   color: #9B2F39; /* text color */
   -webkit-text-stroke: 2px #000000; /* stroke color and weight */
}
.strokeblackthickdarkred{
   color: #9B2F39; /* text color */
   -webkit-text-stroke: 3px #000000; /* stroke color and weight */
}
.strokeblackthinltgray {
   color: #DDDDDD; /* text color */
   -webkit-text-stroke: 1px #555454; /* stroke color and weight */
}
.strokeblackmedltgray {
   color: #DDDDDD; /* text color */
   -webkit-text-stroke: 2px #555454; /* stroke color and weight */
}
.strokeblackthickltgray{
   color: #DDDDDD; /* text color */
   -webkit-text-stroke: 3px #555454; /* stroke color and weight */
}
/*formatting*/

.bottompadding10 {
   padding-bottom: 10px;
}
.bottompadding20 {
   padding-bottom: 20px;
}
.bottompadding30 {
   padding-bottom: 30px;
}
.bottompadding40 {
   padding-bottom: 40px;
}
.toppadding10 {
   padding-top: 10px;
}
.toppadding20 {
   padding-top: 20px;
}
.toppadding30 {
   padding-top: 30px;
}
.toppadding40 {
   padding-top: 40px;
}
.bottommargin10 {
   margin-bottom: 10px;
}
.bottommargin20 {
   margin-bottom: 20px;
}
.bottommargin30 {
   margin-bottom: 30px;
}
.bottommargin40 {
   margin-bottom: 40px;
}
.topmargin10 {
   margin-top: 10px;
}
.topmargin20 {
   margin-top: 20px;
}
.topmargin30 {
   margin-top: 30px;
}
.topmargin40 {
   margin-top: 40px;
}
.topmargin40 {
   margin-top: 40px;
}
.topmargin50 {
   margin-top: 50px;
}
.topmargin60 {
   margin-top: 60px;
}
.topmargin75 {
   margin-top: 75px;
}
.rightmargin5 {
   margin-right: 5px;
}
.rightmargin10 {
   margin-right: 10px;
}
.rightmargin20 {
   margin-right: 20px;
}
.rightmargin30 {
   margin-right: 30px;
}
.rightmargin40 {
   margin-right: 40px;
}
.leftmargin5 {
   margin-left: 5px;
}
.leftmargin10 {
   margin-left: 10px;
}
.leftmargin15 {
   margin-left: 15px;
}
.leftmargin20 {
   margin-left: 20px;
}
.leftmargin30 {
   margin-left: 30px;
}
.leftmargin40 {
   margin-left: 40px;
}
.leftmargin60 {
   margin-left: 60px;
}
.rightpadding10 {
   padding-right: 10px;
}
.rightpadding20 {
   padding-right: 20px;
}
.rightpadding30 {
   padding-right: 30px;
}
.rightpadding40 {
   padding-right: 40px;
}
.leftpadding10 {
   padding-left: 10px;
}
.leftpadding20 {
   padding-left: 20px;
}
.leftpadding30 {
   padding-left: 30px;
}
.leftpadding40 {
   padding-left: 40px;
}
.leftpadding60 {
   padding-left: 60px;
}
.vertical-align {
   display: flex;
   vertical-align: middle;
   float: none;
}
.vertical-center {
   display: flex;
   align-items: center;
   float: none;
}
.vcenter {
   display: inline-block;
   vertical-align: middle;
   float: none;
}
.notopbottom {
   margin-bottom: 0;
   padding-bottom: 0;
   margin-top: 0;
   padding-top: 0;
}
.nobottom {
   margin-bottom: 0;
   padding-bottom: 0;
}
.notop {
   margin-top: 0;
   padding-top: 0;
}
.noright {
   margin-right: 0;
   padding-right: 0;
}
.noleft {
   margin-left: 0;
   padding-left: 0;
}

.nospace {
   border: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
.nomargin {
   margin: 0px;
   padding: 0px;
}

.linespace20 {
   line-height: 20px
}
.linespace25 {
   line-height: 25px
}
.linespace30 {
   line-height: 30px
}
.linespace40 {
   line-height: 40px
}


/*    misc */

.roundcorner5 {border-radius: 5px;}
.roundcorner10 {border-radius: 10px;}
.roundcorner15 {border-radius: 15px;}
.roundcorner20 {border-radius: 20px;}
.roundcorner25 {border-radius: 25px;}

.border1 {
   border-style: solid; 
   border-width: 1px 1px 1px 1px;	
   border-color: #4F5EFC;   
}
.border2 {
   border-style: solid; 
   border-width: 2px 2px 2px 2px;	
   border-color: #4F5EFC;    
}
.border3 {
   border-style: solid; 
   border-width: 3px 3px 3px 3px;	
   border-color: #4F5EFC;    
}

.border5 {
   border-style: solid; 
   border-width: 5px 5px 5px 5px;	
   border-color: #4F5EFC;    
}
.border8 {
   border-style: solid; 
   border-width: 8px 8px 8px 8px;	
   border-color: #4F5EFC;    
}



.pagepanel {
   border-bottom-width: 4px;
   border-bottom-style: solid;
   border-bottom-color: #575748;
   border-top-width: 4px;
   border-top-style: solid;
   border-top-color: #575748;
}
.pageboxgray {
   border-bottom-width: 2px;
   border-bottom-style: solid;
   border-bottom-color: #66665E;
   border-top-width: 2px;
   border-top-style: solid;
   border-top-color: #575748;
   border-right-width: 2px;
   border-right-style: solid;
   border-right-color: #66665E;
   border-left-width: 2px;
   border-left-style: solid;
   border-left-color: #66665E;
}
.pageboxblue {
   border-bottom-width: 2px;
   border-bottom-style: solid;
   border-bottom-color: #4F5EFC;
   border-top-width: 2px;
   border-top-style: solid;
   border-top-color: #4F5EFC;
   border-right-width: 2px;
   border-right-style: solid;
   border-right-color: #4F5EFC;
   border-left-width: 2px;
   border-left-style: solid;
   border-left-color: #4F5EFC;
}

.pageboxred {
   border-radius:25px;
   border-bottom-width: 4px;
   border-bottom-style: solid;
   border-bottom-color: #B4070C;
   border-top-width: 4px;
   border-top-style: solid;
   border-top-color: #B4070C;
   border-right-width:4px;
   border-right-style: solid;
   border-right-color: #B4070C;
   border-left-width: 4px;
   border-left-style: solid;
   border-left-color: #B4070C;
}
.panelthickblue {
    border:4px solid text-blue;
}


.sepdarkgray {
   /*    background: #fff url("../images/footer/footer-bg.png") repeat scroll left top;*/
/*	padding-top: 40px;
	padding-bottom: 20px;*/
   padding-right: 0;
   padding-left: 0;
   border-top-width: 4px;
   border-top-style: solid;
   border-top-color: #575748;
}

.sepdarkgraytopbottom {
   padding-right: 0;
   padding-left: 0;
   border-top-width: 4px;
   border-top-style: solid;
   border-top-color: #575748;
   border-bottom-width: 4px;
   border-bottom-style: solid;
   border-bottom-color: #575748;   
}



/************************************************************
*************************Footer******************************
*************************************************************/

.footer-main {
  background-color: #3D3D3D;		
  color: #63A5FF;
  font: 400 20px/1.25 Roboto, sans-serif;     
}

.footer-main a {
	color: #97B0FF;	
}

.footer-main .h1 {
   color: #C8C8C8;
   font: 400 30px/1.0 Roboto, sans-serif;  	
   margin: 0px;
   padding: 0px;
}

.footer-main .h2 {
   color: #F3F3F3;
   font: 400 26px/1.00 Roboto, sans-serif;  	
}

.footer-main .h3 {
   color: #C8C8C8;
   font: 400 22px/1.00 Roboto, sans-serif;  	
}

.footer-main .h4 {
   color: #F3F3F3;
   font: 400 18px/1.20 Roboto, sans-serif;  	
}

.footer-main .h5 {
   color: #F3F3F3;
   font: 200 20px/1.00 Roboto, sans-serif;  	
}



.footer-bottom {
/*   background-color: #15224f;*/
   background-color:rgba(197,197,197,1.00);
   color: rgba(189,189,189,1.00);	   
   min-height: 24px;
   height: 24px;   
   width: 100%;
   font: 600 16px/1.25 Roboto, sans-serif;  
   margin: 0px;
   padding-top: 4px;
   border:hidden;

 }
/* web design side */
.footer-bottom-right {
   color: #fff;
   text-align: right;
}

/* copyright side */
.footer-bottom-left {
   text-align: left;
   color: rgba(78,78,78,1.00);
}
.footer-bottom a {
   color: rgba(35,24,172,1.00);
}
.footer-title {
   color: #ffffff;
   font: 400 22px/1.25 Roboto, sans-serif;   
}
.footer-text {
   color: #CDCDCD;
   font: 400 20px/1.25 Roboto, sans-serif;   
}