@charset "utf-8";
/* CSS Document */
.tabs {
	 left: 50%;
	 transform: translateX(-50%);
	 position: relative;
	 background: white;
	 padding: 10px;
	 padding-bottom: 10px;
	 width: 100%;
	 min-height: 350px;
	 min-width: 240px;
	 padding-top: 10px;
}
 .tabs input[name="tab-control"] {
	 display: none;
}
 .tabs .content section h2, .tabs ul li label {
	 font-family: "Montserrat";
	 font-weight: bold;
	 font-size: 15px;
	 color: #428bff;
}
 .myselect
 {
	  width: 100%;
	  padding: 0px 0px;
	  background-color: #fff9f0;
	  border: 1px solid #dbdbdb;
 }
 #text{
 display:none;
 }
  
 .tabs ul {
	 list-style-type: none;
	 padding-left: 0;
	 display: flex;
	 flex-direction: row;
	 margin-bottom: 0px;
	 justify-content: space-between;
	 align-items: flex-end;
	/* flex-wrap: wrap;
	 width: 100%;*/
	 width: 100%; 
	 /* display: inline-block; */
	 overflow-x: auto;
	 overflow-y: hidden;
	 white-space: nowrap;
	 min-width: 100%;
	 
}
 .tabs ul li {
	 box-sizing: border-box;
	 flex: 1;
	 width: 25%;
	 padding: 12px 5px;
	 text-align: center;
	 border-right:1px solid #ccc;
}
 .tabs ul li label {
	 transition: all 0.3s ease-in-out;
	 color: #929daf;
	 padding: 5px auto;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: block;
	 cursor: pointer;
	 transition: all 0.2s ease-in-out;
	 white-space: nowrap;
	 -webkit-touch-callout: none;
	 margin-bottom: 0rem;
}
 .tabs ul li label br {
	 display: none;
}
 .tabs ul li label svg {
	 fill: #929daf;
	 height: 1.2em;
	 vertical-align: bottom;
	 margin-right: 0em;
	 transition: all 0.2s ease-in-out;
}
 .tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
	 outline: 0;
	 color: #003b68;
}
 .tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {
	 fill: #003b68;
}
 .tabs .slider {
	 position: relative;
	 width: 25%;
	 transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}
 .tabs .slider .indicator {
	 position: relative;
	 width: 50px;
	 max-width: 100%;
	 margin: 0 auto;
	 height: 4px;
	/*  background: #003b68; */
	 border-radius: 1px;
}
 .tabs .content {
	 margin-top: 30px;
}
.tabs .content h3 {
    font-size: 30px;
    line-height: 1.2;
    color: #003b68;
    font-family: 'Rozha One', serif;
    margin-bottom: 10px;
}
.tabs .content h4 {
    font-size: 30px;
    line-height: 1.2;
    color: #003b68;
    font-family: 'Rozha One', serif;
    margin-bottom: 0;
	text-align:center;
	margin-top:10px;
}
.tabs .content h6{
    font-size: 20px;
    color: #402a1f;
    line-height: 1.7;
    font-family: 'Laila', serif;
	margin-bottom: 5px;
	
}
 .tabs .content label{
    font-size: 16px;
	color: #022a4a;	
	margin-bottom: 6px;
	
}
.tabs .content p{
    font-size: 16px;
    color: #797878;
	margin-bottom: 6px;
	font-family: 'Laila', serif;
	line-height: 1.6;
}

.readmore
{
	background: #fff;
	max-width: 135px;
	margin-top: 10px;
	font-size: 14px;
	color: #003b68;
	font-family: 'Laila', serif;
	border:1px solid #003b68; 
	padding:8px 20px;
	font-size:14px;
	width:110px;
	margin-top:15px;
	}
	.readmore:hover,.readmore:focus
{
  color: #fff;
  background: #003b68;
}
.tabs .content .icon {
    width: 32px;
    height: 32px;
    border: 0;
    float: left;
    padding: 0;
    margin-top: -5px;
    margin-right: 0;
	line-height: 32px;
	color: #999;
}		
.tabs .content a
{
    display: inline-block;
    list-style: none;
    font-size: 16px;
    color: #8abddc;
    margin-right: 4px;
    cursor: pointer;
    vertical-align: top;
    position: relative;
	font-family: 'Laila', serif;
}
.tabs .content a:hover
{
	color: #FF9A00;
	
}
.tabs .content a:hover .icon
{
	color: #FF9A00;
	
}
	.social a 
		{
		   width:35px;
		   height:35px;
		   border-radius:50%;
		   background-color:#fff;
		   text-align:center;
		   display:inline-block;
		   padding-top:10px;
		   margin-right:5px;
		   color: #fff !important;
		}
		socialcon a i {
			color: #fff;
			font-size: 20px;
		}
	   .social .facebook {
        background-color: #3b5998;
       }
	   .social .instagram {
        background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
       }
	    .social .twitter {
        background-color: #00aced;
       }
	    .social .youtube{
        background-color: #dc472e;
       }
	    .social .linkdin{
        background-color: #0e76a8;
       }
	   .social .printrest{
        background-color: #e70427;
       }
	   
 .tabs .content section {
	 display: none;
	 animation-name: content;
	 animation-direction: normal;
	 animation-duration: 0.3s;
	 animation-timing-function: ease-in-out;
	 animation-iteration-count: 1;
	 line-height: 1.4;
}
 .tabs .content section h2 {
	 color: #428bff;
	 display: none;
}
 .tabs .content section h2::after {
	 content: "";
	 position: relative;
	 display: block;
	 width: 30px;
	 height: 3px;
	 background: #428bff;
	 margin-top: 5px;
	 left: 1px;
}
 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .myselect ul > li:nth-child(1) > label {
	 cursor: default;
	 color:#003b68;
}
 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .myselect ul > li:nth-child(1) > label svg {
	 fill: #003b68;
	 
}
 @media (max-width: 600px) {
	 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .myselect ul > li:nth-child(1) > label {

	}
}
 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
	 transform: translateX(-22%);
}
 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
	 display: block;
}
 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .myselect ul > li:nth-child(2) > label {
	 cursor: default;
	 color:#003b68;
}
 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .myselect ul > li:nth-child(2) > label svg {
	 fill: #003b68;
	
}
 @media (max-width: 600px) {
	 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .myselect ul > li:nth-child(2) > label {

	}
	
}
 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
	 transform: translateX(30%);
}
 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
	 display: block;
}
 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .myselect  ul > li:nth-child(3) > label {
	 cursor: default;
	 color: #003b68;
}
 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .myselect ul > li:nth-child(3) > label svg {
	 fill: #003b68;
	 
}
 @media (max-width: 600px) {
	 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .myselect ul > li:nth-child(3) > label {
	
	}
}
 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
	 transform: translateX(85%);
}
 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
	 display: block;
}
 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ .myselect ul > li:nth-child(4) > label {
	 cursor: default;
	 color: #003b68;
}
 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ .myselect ul > li:nth-child(4) > label svg {
	 fill: #003b68;
	
}
 @media (max-width: 600px) {
	 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ .myselect ul > li:nth-child(4) > label {
		
	}
}
 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
	 transform: translateX(137%);
}
 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
	 display: block;
}
 .tabs input[name="tab-control"]:nth-of-type(5):checked ~ .myselect ul > li:nth-child(5) > label {
	 cursor: default;
	 color: #003b68;
}
 .tabs input[name="tab-control"]:nth-of-type(5):checked ~ .myselect ul > li:nth-child(5) > label svg {
	 fill: #003b68;
	 
}
 @media (max-width: 600px) {
	 .tabs input[name="tab-control"]:nth-of-type(5):checked ~ .myselect ul > li:nth-child(5) > label {
	
	}
}
 .tabs input[name="tab-control"]:nth-of-type(5):checked ~ .slider {
	 transform: translateX(190%);
}
 .tabs input[name="tab-control"]:nth-of-type(5):checked ~ .content > section:nth-child(5) {
	 display: block;
}
 .tabs input[name="tab-control"]:nth-of-type(6):checked ~ .myselect ul > li:nth-child(6) > label {
	 cursor: default;
	 color: #003b68;
}
 .tabs input[name="tab-control"]:nth-of-type(6):checked ~ .myselect ul > li:nth-child(6) > label svg {
	 fill:#003b68;
	 
}
 @media (max-width: 600px) {
	 .tabs input[name="tab-control"]:nth-of-type(6):checked ~ .myselect ul > li:nth-child(6) > label {
	
	}
}
 .tabs input[name="tab-control"]:nth-of-type(6):checked ~ .slider {
	 transform: translateX(245%);
}
 .tabs input[name="tab-control"]:nth-of-type(6):checked ~ .content > section:nth-child(6) {
	 display: block;
}



.tabs input[name="tab-control"]:nth-of-type(7):checked ~ .myselect ul > li:nth-child(7) > label {
	 cursor: default;
	 color: #003b68;
}
 .tabs input[name="tab-control"]:nth-of-type(7):checked ~ .myselect ul > li:nth-child(7) > label svg {
	 fill:#003b68;
	 
}
 @media (max-width: 600px) {
	 .tabs input[name="tab-control"]:nth-of-type(7):checked ~ .myselect ul > li:nth-child(7) > label {
	
	}
}
 .tabs input[name="tab-control"]:nth-of-type(7):checked ~ .slider {
	 transform: translateX(245%);
}
 .tabs input[name="tab-control"]:nth-of-type(7):checked ~ .content > section:nth-child(7) {
	 display: block;
}




.tabs input[name="tab-control"]:nth-of-type(8):checked ~ .myselect ul > li:nth-child(8) > label {
	 cursor: default;
	 color: #003b68;
}
 .tabs input[name="tab-control"]:nth-of-type(8):checked ~ .myselect ul > li:nth-child(8) > label svg {
	 fill:#003b68;
	 
}
 @media (max-width: 600px) {
	 .tabs input[name="tab-control"]:nth-of-type(8):checked ~ .myselect ul > li:nth-child(8) > label {
	
	}
}
 .tabs input[name="tab-control"]:nth-of-type(8):checked ~ .slider {
	 transform: translateX(245%);
}
 .tabs input[name="tab-control"]:nth-of-type(8):checked ~ .content > section:nth-child(8) {
	 display: block;
}


.tabs input[name="tab-control"]:nth-of-type(9):checked ~ .myselect ul > li:nth-child(9) > label {
	 cursor: default;
	 color: #003b68;
}
 .tabs input[name="tab-control"]:nth-of-type(9):checked ~ .myselect ul > li:nth-child(9) > label svg {
	 fill:#003b68;
	 
}
 @media (max-width: 600px) {
	 .tabs input[name="tab-control"]:nth-of-type(9):checked ~ .myselect ul > li:nth-child(9) > label {
	
	}
}
 .tabs input[name="tab-control"]:nth-of-type(9):checked ~ .slider {
	 transform: translateX(245%);
}
 .tabs input[name="tab-control"]:nth-of-type(9):checked ~ .content > section:nth-child(9) {
	 display: block;
}




.tabs input[name="tab-control"]:nth-of-type(10):checked ~ .myselect ul > li:nth-child(10) > label {
	 cursor: default;
	 color: #003b68;
}
 .tabs input[name="tab-control"]:nth-of-type(10):checked ~ .myselect ul > li:nth-child(10) > label svg {
	 fill:#003b68;
	 
}
 @media (max-width: 600px) {
	 .tabs input[name="tab-control"]:nth-of-type(10):checked ~ .myselect ul > li:nth-child(10) > label {
		
	}
}
 .tabs input[name="tab-control"]:nth-of-type(10):checked ~ .slider {
	 transform: translateX(245%);
}
 .tabs input[name="tab-control"]:nth-of-type(10):checked ~ .content > section:nth-child(10) {
	 display: block;
}


.tabs input[name="tab-control"]:nth-of-type(11):checked ~ .myselect ul > li:nth-child(11) > label {
	 cursor: default;
	 color: #003b68;
}
 .tabs input[name="tab-control"]:nth-of-type(11):checked ~ .myselect ul > li:nth-child(11) > label svg {
	 fill:#003b68;
	 
}
 @media (max-width: 600px) {
	 .tabs input[name="tab-control"]:nth-of-type(11):checked ~ .myselect ul > li:nth-child(11) > label {
	
	}
}
 .tabs input[name="tab-control"]:nth-of-type(11):checked ~ .slider {
	 transform: translateX(245%);
}
 .tabs input[name="tab-control"]:nth-of-type(11):checked ~ .content > section:nth-child(11) {
	 display: block;
}



.tabs input[name="tab-control"]:nth-of-type(12):checked ~ .myselect ul > li:nth-child(12) > label {
	 cursor: default;
	 color: #003b68;
}
 .tabs input[name="tab-control"]:nth-of-type(12):checked ~ .myselect ul > li:nth-child(12) > label svg {
	 fill:#003b68;
	 
}
 @media (max-width: 600px) {
	 .tabs input[name="tab-control"]:nth-of-type(12):checked ~ .myselect ul > li:nth-child(12) > label {
	
	}
}
 .tabs input[name="tab-control"]:nth-of-type(12):checked ~ .slider {
	 transform: translateX(245%);
}
 .tabs input[name="tab-control"]:nth-of-type(12):checked ~ .content > section:nth-child(12) {
	 display: block;
}



 @keyframes content {
	 from {
		 opacity: 0;
		 transform: translateY(5%);
	}
	 to {
		 opacity: 1;
		 transform: translateY(0%);
	}
}
 @media (max-width: 1000px) {
	 .tabs ul li label {
		 white-space: initial;
	}
	 .tabs ul li label br {
		 display: initial;
	}
	 .tabs ul li label svg {
		 height: 1.5em;
	}
}
 @media (max-width: 600px) {
	 .tabs ul li label {
		 padding: 2px;
		 border-radius: 5px;
		 white-space: nowrap;
	}
	 .tabs ul li label span {
		/* display: none;*/
		font-size:12px;
	}
	 .tabs .slider {
		 display: none;
	}
	 .tabs .content {
		 margin-top: 20px;
	}
	 .tabs .content section h2 {
		 display: block;
	}
}
 

.profilepic
{
	/* border:3px solid #c6c6c6;*/
	
}

		@media (min-width: 320px) and (max-width: 480px) 
		{
			.tabs .content h3 {
			
				text-align: center;
				margin-top: 15px;
			}
			.tabs .content h6
			 {
				text-align: center;
			 }
			 .pull-right {
				float: none !important;
				margin-top:10px;
			}
			.profilepic img {
			  width:100%;	
			  height: 360px;
			}
			.social a {
				width: 32px;
				height: 32px;
				padding-top: 9px;
				margin-right: 3px;
			}
			.myaligncenter
			   {
				 text-align:center;  
				 margin-top:16px;
				 margin-bottom:10px;
			   }
		}
		@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation : landscape)
		{
			.tabs .content h3 {
			
				text-align: center;
				margin-top: 15px;
			}
			.tabs .content h6
			 {
				text-align: center;
			 }
			  .pull-right {
				float: none !important;
				margin-top:10px;
			}
			.profilepic img {
			  width:100%;
			  height: 350px;	
			}
			.social a {
				width: 32px;
				height: 32px;
				padding-top: 9px;
				margin-right: 3px;
			}
			.myaligncenter
			   {
				 text-align:center;  
				 margin-top:16px;
				 margin-bottom:10px;
			   }
		}
		@media screen and (min-device-width: 480px) and (max-device-width: 767px) and (orientation : Portrait)
		{  
		    .tabs .content h3 {
			
				text-align: center;
				margin-top: 15px;
			}
			.tabs .content h6
			 {
				text-align: center;
			 }
		 	 .pull-right {
				float: none !important;
				margin-top:10px;
			}
		 	.profilepic img {
			  width:100%;
			  height: 350px;	
			}
			.social a {
				width: 32px;
				height: 32px;
				padding-top: 9px;
				margin-right: 3px;
			}
			.myaligncenter
			   {
				 text-align:center;  
				 margin-top:16px;
				 margin-bottom:10px;
			   }
	 }
	   @media screen and (min-device-width: 480px) and (max-device-width: 767px) and (orientation : Landscape)
		{
			.tabs .content h3 {
			
				text-align: center;
				margin-top: 15px;
			}
			.tabs .content h6
			 {
				text-align: center;
			 }
			.pull-right {
				float: none !important;
				margin-top:10px;
			}
			.profilepic img {
			  width:100%;
			  height: 350px;	
			}
			.social a {
				width: 32px;
				height: 32px;
				padding-top: 9px;
				margin-right: 3px;
			}
			.myaligncenter
			   {
				 text-align:center;  
				 margin-top:16px;
				 margin-bottom:10px;
			   }
		}	
		@media (min-width: 768px) and (max-width: 1024px) and (orientation : Portrait) 
		{
			.tabs .content h3 {
			
				text-align: center;
				margin-top: 15px;
			}
			.tabs .content h6
			 {
				text-align: center;
			 }
			  .pull-right {
				float: none !important;
				margin-top:10px;
			}
			.profilepic img {
			  width:100%;	
			  height: 350px;
			}
			.tabs ul {
				
				 width: 100%;
			}
			.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
				transform: translateX(-15%);
			}
			.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
					transform: translateX(50%);
				}
			.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
				transform: translateX(120%);
			}
			.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
				transform: translateX(183%);
			}
			.tabs input[name="tab-control"]:nth-of-type(5):checked ~ .slider {
				transform: translateX(250%);
			}
			.tabs input[name="tab-control"]:nth-of-type(6):checked ~ .slider {
				transform: translateX(320%);
			}

			.tabs input[name="tab-control"]:nth-of-type(7):checked ~ .slider {
				transform: translateX(320%);
			}

			.tabs input[name="tab-control"]:nth-of-type(8):checked ~ .slider {
				transform: translateX(320%);
			}

			.tabs input[name="tab-control"]:nth-of-type(9):checked ~ .slider {
				transform: translateX(320%);
			}
			.tabs input[name="tab-control"]:nth-of-type(10):checked ~ .slider {
				transform: translateX(320%);
			}
			.tabs input[name="tab-control"]:nth-of-type(11):checked ~ .slider {
				transform: translateX(320%);
			}
			.tabs input[name="tab-control"]:nth-of-type(12):checked ~ .slider {
				transform: translateX(320%);
			}




			.social a {
				width: 32px;
				height: 32px;
				padding-top: 9px;
				margin-right: 3px;
			}
			.myaligncenter
			   {
				 text-align:center;  
				 margin-top:16px;
				 margin-bottom:10px;
			   }
		}