/* logo - #5C5E2D

Blue - #0F4248

Green - #275F00

Purple - #221731
*/

@import url('https://fonts.googleapis.com/css?family=Raleway');


* {font-family: 'Raleway', sans-serif;;
font-weight:500}


body {
		margin:0 auto;
	width:1060px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #ffffff 10%,#275F00 28%,#0F4248 34%,#275F00 55%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	 /* background-color: #5C5E2D;   
	/*background-image: url("https://www.itcircleconsult.com/eb2017/spiff/pics/bg1.jpg");*/
                
				    background-attachment:fixed; 
            background-position:top; 
           }


/* unvisited link */
a:link {
   color: #221731; text-decoration:none;
}

/* visited link */
a:visited {
    color: #f0f0f0; text-decoration:none;
}

.topbanner {    
	
	display: -ms-flexbox;    
	background: #fff;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	    -webkit-box-pack: center;
	        justify-content: center;
		 border:  5px solid #221731 ;
	border-radius: 15px;
	max-width:100%;
	margin-top: 3%;

	}

.topbanner img {
	-ms-flex: 1;
	    -webkit-box-flex: 1;
	        flex: 1;
		padding:2%;
		max-width:96%;

		
		
}


.dv3 {
 background-color:#f9f9f9;
	color:#292a2d;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
  border:  5px solid #221731 ;
	border-radius: 15px;
		max-width:100%;
		margin-top:1%
		
	}


.dv3 img{max-width:90%}

.dv4 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
   -ms-flex-direction: row;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           flex-direction: row;
	-moz-justify-content: space-between;
	 -ms-flex-pack: justify;
	    -webkit-box-pack: justify;
	        justify-content: space-between;
	 -webkit-box-sizing: border-box;
	         box-sizing: border-box;

		 margin-top:1%;
		 margin-bottom:1%;

		max-width:100%;
			
					
			}

.dv4 img {
	/*background-color:#f9f9f9;*/
border:  5px solid #221731;
	border-radius: 15px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
        	 margin-top:1%;
	-ms-flex-line-pack: justify;
	    align-content: space-between;
	width:100%;

					}

.dv5 {
	 padding:1%
    } 


 .left_bar img, .title { /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #0F4248 0%,#ffffff 28%,#f9f9f9 34%,#f9f9f9 74%,#0F4248 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-box-shadow: 0 -8px 5px #f0f0f0 inset, 0 0 10px #000 inset;
	        box-shadow: 0 -8px 5px #f0f0f0 inset, 0 0 10px #000 inset;
	


}

.dv3 .dv4 img { -webkit-box-shadow: 0 -8px 155px #f0f0f0 inset, 0 0 10px #000; box-shadow: 0 -8px 155px #f0f0f0 inset, 0 0 10px #000;
}



  
  .item_summary {
	
	display:none 
}


/*TABS*/


.tab-wrap {
 -webkit-transition: 0.3s -webkit-box-shadow ease;
 transition: 0.3s -webkit-box-shadow ease;
 transition: 0.3s box-shadow ease;
 transition: 0.3s box-shadow ease, 0.3s -webkit-box-shadow ease;
 border-radius: 6px;
 max-width: 100%;
 display: -ms-flexbox;
 display: -webkit-box;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -ms-flex-align: center;
     -webkit-box-align: center;
         align-items: center;
 -ms-flex-pack: center;
     -webkit-box-pack: center;
         justify-content: center;
 position: relative;
 list-style: none;
 color: #d1f0f2;

 margin-right: 10%;
 margin-left: 10%;
 margin-bottom: 3%;
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

.tab-wrap:hover {
 -webkit-box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
         box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19)
}

.tab {
 display: none;

}

#centermoi { display: -ms-flexbox; display: -webkit-box; display: flex;
-ms-flex-pack: center;
    -webkit-box-pack: center;
        justify-content: center;
-ms-flex-line-pack: center;
    align-content: center;
}

#centermoi span {
    -ms-flex: 1;
        -webkit-box-flex: 1;
            flex: 1;
     margin:auto;}

.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
 opacity: 1;
 -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
 transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
 transition: 0.5s opacity ease-in, 0.8s transform ease;
 transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
 position: relative;
 top: 0;
 z-index: 100;
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
 text-shadow: 0 0 0
}

.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
 opacity: 1;
 -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
 transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
 transition: 0.5s opacity ease-in, 0.8s transform ease;
 transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
 position: relative;
 top: 0;
 z-index: 100;
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
 text-shadow: 0 0 0
}

.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
 opacity: 1;
 -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
 transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
 transition: 0.5s opacity ease-in, 0.8s transform ease;
 transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
 position: relative;
 top: 0;
 z-index: 100;
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
 text-shadow: 0 0 0
}

.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
 opacity: 1;
 -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
 transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
 transition: 0.5s opacity ease-in, 0.8s transform ease;
 transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
 position: relative;
 top: 0;
 z-index: 100;
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
 text-shadow: 0 0 0
}

.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
 opacity: 1;
 -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
 transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
 transition: 0.5s opacity ease-in, 0.8s transform ease;
 transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
 position: relative;
 top: 0;
 z-index: 100;
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
 text-shadow: 0 0 0
}

.tab:first-of-type:not(:last-of-type) + label {
 border-top-right-radius: 0;
 border-bottom-right-radius: 0
}

.tab:not(:first-of-type):not(:last-of-type) + label {
 border-radius: 0
}

.tab:last-of-type:not(:first-of-type) + label {
 border-top-left-radius: 0;
 border-bottom-left-radius: 0
}

.tab:checked + label {
 background-color: #5C5E2D;
 -webkit-box-shadow: 0 -1px 0 #4f4f4f inset;
         box-shadow: 0 -1px 0 #4f4f4f inset;
 cursor: default
}

.tab:checked + label:hover {
 -webkit-box-shadow: 0 -1px 0 #c1c1c1 inset;
         box-shadow: 0 -1px 0 #c1c1c1 inset;
 background-color: #c1c1c1
}

.tab + label {
 -webkit-box-shadow: 0 -1px 0 #7f7f7f inset;
         box-shadow: 0 -1px 0 #7f7f7f inset;
 border-radius: 6px 6px 0 0;
 cursor: pointer;
 display: block;
 text-decoration: none;
 color: #f4f4f4;
 background-color: #c3c3c3;
 -ms-flex-positive: 3;
     -webkit-box-flex: 3;
         flex-grow: 3;
 -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
 text-align: center;
 -webkit-transition: 0.3s background-color ease, 0.3s -webkit-box-shadow ease;
 transition: 0.3s background-color ease, 0.3s -webkit-box-shadow ease;
 transition: 0.3s background-color ease, 0.3s box-shadow ease;
 transition: 0.3s background-color ease, 0.3s box-shadow ease, 0.3s -webkit-box-shadow ease;
 height: 50px;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
 
 /*cursor: url('https://www.itcircleconsult.com/eb2017/party/pics/butpointer.png'), auto	*/
}

.tab + label:hover {
 background-color: #a7a7a7;
 -webkit-box-shadow: 0 1px 0 #f4f4f4;
         box-shadow: 0 1px 0 #f4f4f4
}

.tab__content {

 background-color: transparent;
 position: absolute;
 width: 90%;
 z-index: -1;
 opacity: 0;
 left: 0;
 -webkit-transform: translateY(-3px);
         transform: translateY(-3px);
 border-radius: 6px;
 text-align: justify
}


.tab__content a {color: #d1f0f2;
}



/*end tabs*/

.button {

  -moz-background-size: 100% 100%;
  border-radius: 15%;
  -moz-box-shadow: #f9f9f9 5px 15px 18px;
  -moz-transform: scale(1.0);
  -ms-transform: scale(1.0);
  -o-transform: scale(1.0);
  -webkit-background-size: 100% 100%;
  -webkit-border-radius: 23px;
  -webkit-box-shadow: #5C5E2D 0 0 10px;
  -webkit-transform: scale(1.0);
  background-color: #5C5E2D;
  background-image: linear-gradient(45deg, #f9f9f9, #5C5E2D);
  background-size: 100% 100%;
  -webkit-box-shadow: #c1c1c1 10px 10px 10px;
          box-shadow: #c1c1c1 10px 10px 10px;
  color: #292a2d;
  display: inline-block;
  font-size: 20px;
  text-align: center;
  height: auto;
 margin:auto;
  display:block;
    padding: 2%;
  text-decoration: none;
  text-shadow: #f9f9f9 5px 5px 50px;
  transform: scale(1.0);
  width: 150px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}



 .button:hover {text-shadow: #c1c1c1 5px 5px 50px; }
 
 .button:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#5C5E2D));
  background-image: linear-gradient(to bottom, #f9f9f9, #5C5E2D);
  -webkit-box-shadow: #5C5E2D 7px 10px 12px;
          box-shadow: #5C5E2D 7px 10px 12px;
 
  
  text-decoration: none;

}

.button:hover { color: #f9f9f9;}


.button:active {
  -webkit-box-shadow: 0 0px 0 #292a2d;
          box-shadow: 0 0px 0 #292a2d;;
    bottom:-10px;
}

.button:link  {color: #f3f3f3}



.clear {
	clear:both
}


	
h1 {

	font-size:20px;

	color: #0F4248;
	letter-spacing:0.3px;
	text-align: left;
	padding: 0% 5% 0% 5%
}
h2 {

	font-size:26px;

	color: #221731;
	letter-spacing:0.2px;
	text-align: center;
	padding:0% 5% 0% 5%
}
h3 {

	font-size:30px;

	color: #5C5E2D;
	letter-spacing:0.3px;
	text-align: center;
	padding:0% 5% 0% 5%
}
h4 {

	font-size:18px;

	color: #5C5E2D;
	letter-spacing:0.2px;
	text-align: justify;
	padding:0% 5% 0% 5%
}
h5 {

	font-size:22px;

	color:#292a2d;
	letter-spacing:0.2px;
	text-align: justify;
	padding:0% 5% 0% 5%
}
h6 {

	font-size:18px;

	color: #5C5E2D;
	letter-spacing:0.2px;
	text-align: center;
	padding:0% 5% 0% 5%
}


li {
	 display: block;

	font-size:22px;
	color:#292a2d;
	text-decoration: none;

	line-height:1.48;

	margin-left:2%;
	margin-right:2%;
	
	}

p {

	font-size:18px;

	color:#292a2d;
	letter-spacing:0.2px;
	text-align: justify;
	padding:0% 5% 0% 5%
}

   @media (max-width: 1060px) {







body {
	
		max-width:100%;
	 overflow-x: hidden; 
	  }
	


	.dv3 {
		max-width:100%;
	   
	}


	
	
	
	
	.element {
		height: auto;
		width: 98.5%;
		display: block;
		line-height: 20px;
		font-size: 20px;
		
	}
  
        

}

@media (max-width: 768px) {

.topbanner  {margin-left:2%; margin-right:2%}
.dv4 {margin-left:2%; margin-right:2%}
.wrapper  {margin-left:2%; margin-right:2%}
.title  {margin-left:2%; margin-right:2%}


body {
	     background-attachment: fixed;
    	max-width:100%;
		 overflow-x: hidden; 
	  }

	.left_bar{
		display:none 
}

.title {padding:1%

}

h1 {
	font-size:26px
}
h2 {
	font-size:18px;
}
h3 {
	font-size:28px
}
h4 {
	font-size:18px
}
h5 {
	font-size:18px
		
}
p {
	font-size:18px
		
} 

table {
	font-size:18px
		
}

h6 {
		
	font-size:18px
		
}


ul li { font-size:18px; 

}

.tab-wrap {
 -webkit-transition: 0.3s -webkit-box-shadow ease;
 transition: 0.3s -webkit-box-shadow ease;
 transition: 0.3s box-shadow ease;
 transition: 0.3s box-shadow ease, 0.3s -webkit-box-shadow ease;
 border-radius: 6px;
 max-width: 100%;
 margin: 5%

 }
 
    .title {    border: 5px solid #221731 ;
     
     
 
    }
    

	.title li {
	font-size: 18px;
	}

	.dv3 {
	background: #fff;
	     border: 5px solid #221731 ;
	border-radius: 15px;
	margin-left:2%;
	margin-right:2%
	}

    .dv4 {
   -ms-flex-direction: column;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
           flex-direction: column;
 
    }
    
    .dv4 img {
	     border: 5px solid #221731 ;

      width:100%;
      height:auto;

    
	}


	.topbanner  {

		   border: 5px solid #221731 ;
	
	
		
}
	.topbanner img {
		
		max-width:96%;
		
	
		
}






@media (max-width: 600px) {
	

		}
		@media (max-width: 400px) {
body {
	
		max-width:100%;

	  }



	  	.title li {-ms-flex: 1;-webkit-box-flex: 1;flex: 1;
	text-align: center;
	font-size: 18px;
	}

		}
		
		
		@media (max-width: 320px) {
		
	
		
		
		}
		@media (max-width: 240px) {
		

		
		}
		

  
			/*STYLE END*/
}