#body.revamp main   { padding:0 }
    #body.revamp .revamp-general  { padding: 50px 0; /*border:1px solid green*/}

	/* • main content left right col
   	----------------------------------
   	.full .pg-container .pg-col2 	   { width:100%; padding-left:30px}
   	.no-edge .pg-container .pg-col2  { width:100%; padding-left:0} */

	.pg-container .pg-col1	{ width:22%; padding:0 0 0px 0; margin-bottom: 50px; /*top 50*/ float:left; background-color:#f1f8fd}
	.pg-container .pg-col2	{ width:78%; padding:0 0 50px 50px; /*top 50*/ float:left;}


	ul#left-nav  				{ margin:0; padding:0}
  	ul#left-nav li				{ margin:0; padding:12px 50px 12px 20px; color:#fff; list-style:none; line-height:1.4; width:100%;
  								  border-bottom:1px solid #fff; background-color:#13426b;
  								  transition: all 0.3s ease-out; position:relative; cursor:pointer;}
  	ul#left-nav li:hover					{ background-color:#f4364c;}
	ul#left-nav li.level1-current 			{ color:#fff; cursor:default; border-left:5px solid #f4364c}
	ul#left-nav li.level1-current:hover 	{ background-color:#13426b}

	ul#left-nav ul.level2 						{ margin:0; padding:10px 0; font-size:95%}
	ul#left-nav ul.level2 li.level2-sec			{ padding:5px 20px 5px 0; margin-left:50px; list-style:none; border-bottom:none; color:#00a3e0;
												  list-style:disc; background-color:#f1f8fd; width:calc(100% - 50px)  }
	ul#left-nav ul.level2 li.level2-sec:hover 	{ background-color:#f1f8fd; color:#f4364c}
	ul#left-nav ul.level2 li.level2-current 	{ color:#f4364c}
	
	ul#left-nav > li.level1 + .level2{ display: none; }
	ul#left-nav > li.level1:after{ content: " "; width: 20px; height: 20px; position: absolute; display: block; right: 20px; top: 12px; background-image: url(images/arrow-left-white.svg);
							background-repeat: no-repeat; background-size: contain; background-position: right center; transition: transform 300ms ease; }
	ul#left-nav > li.level1.level1-current:after { transform: rotate(90deg); }
    /* end col */

    #body.revamp .section-banner                            { width:100%; overflow:hidden;}
    #body.revamp .section-banner .sb-name                   { position:absolute; left:0; bottom:5%; color:#fff; width:100% } 
    #body.revamp .section-banner .sb-name h1                { font-size:40px; font-weight:500; line-height:1.2; }
    #body.revamp .section-banner .sb-img                    { width:100%; height:auto; }  
	

    .section-banner.theme1 .sb-pattern-left,
    .section-banner.theme2 .sb-pattern-left,
    .section-banner.theme3 .sb-pattern-left,
    .section-banner.theme4 .sb-pattern-left,
    .section-banner.theme5 .sb-pattern-left,
    .section-banner.theme6 .sb-pattern-left,
    .section-banner.theme7 .sb-pattern-left    { position:absolute; width:10%; left:-50px; bottom:-100px }

    .section-banner.theme1 .sb-pattern-right,
    .section-banner.theme2 .sb-pattern-right,
    .section-banner.theme3 .sb-pattern-right,
    .section-banner.theme4 .sb-pattern-right,
    .section-banner.theme5 .sb-pattern-right,
    .section-banner.theme6 .sb-pattern-right,
    .section-banner.theme7 .sb-pattern-right   { position:absolute; width:20%; right:0; bottom:-20px; } 


.section-banner.theme1 .sb-pattern-left img.theme1-pattern-left,
.section-banner.theme1 .sb-pattern-right img.theme1-pattern-right,
.section-banner.theme2 .sb-pattern-left img.theme2-pattern-left,
.section-banner.theme2 .sb-pattern-right img.theme2-pattern-right,
.section-banner.theme3 .sb-pattern-left img.theme3-pattern-left,
.section-banner.theme3 .sb-pattern-right img.theme3-pattern-right,
.section-banner.theme4 .sb-pattern-left img.theme4-pattern-left,
.section-banner.theme4 .sb-pattern-right img.theme4-pattern-right,
.section-banner.theme5 .sb-pattern-left img.theme5-pattern-left,
.section-banner.theme5 .sb-pattern-right img.theme5-pattern-right,
.section-banner.theme6 .sb-pattern-left img.theme6-pattern-left,
.section-banner.theme6 .sb-pattern-right img.theme6-pattern-right,
.section-banner.theme7 .sb-pattern-left img.theme7-pattern-left,
.section-banner.theme7 .sb-pattern-right img.theme7-pattern-right  { display:block; }


.section-banner.theme1 .sb-pattern-left img.theme2-pattern-left,
.section-banner.theme1 .sb-pattern-right img.theme2-pattern-right,
.section-banner.theme1 .sb-pattern-left img.theme3-pattern-left,
.section-banner.theme1 .sb-pattern-right img.theme3-pattern-right,
.section-banner.theme1 .sb-pattern-left img.theme4-pattern-left,
.section-banner.theme1 .sb-pattern-right img.theme4-pattern-right,
.section-banner.theme1 .sb-pattern-left img.theme5-pattern-left,
.section-banner.theme1 .sb-pattern-right img.theme5-pattern-right,
.section-banner.theme1 .sb-pattern-left img.theme6-pattern-left,
.section-banner.theme1 .sb-pattern-right img.theme6-pattern-right,
.section-banner.theme1 .sb-pattern-left img.theme7-pattern-left,
.section-banner.theme1 .sb-pattern-right img.theme7-pattern-right  { display:none; }

.section-banner.theme2 .sb-pattern-left img.theme1-pattern-left,
.section-banner.theme2 .sb-pattern-right img.theme1-pattern-right,
.section-banner.theme2 .sb-pattern-left img.theme3-pattern-left,
.section-banner.theme2 .sb-pattern-right img.theme3-pattern-right,
.section-banner.theme2 .sb-pattern-left img.theme4-pattern-left,
.section-banner.theme2 .sb-pattern-right img.theme4-pattern-right,
.section-banner.theme2 .sb-pattern-left img.theme5-pattern-left,
.section-banner.theme2 .sb-pattern-right img.theme5-pattern-right,
.section-banner.theme2 .sb-pattern-left img.theme6-pattern-left,
.section-banner.theme2 .sb-pattern-right img.theme6-pattern-right
.section-banner.theme2 .sb-pattern-left img.theme7-pattern-left,
.section-banner.theme2 .sb-pattern-right img.theme7-pattern-right  { display:none; }

.section-banner.theme3 .sb-pattern-left img.theme1-pattern-left,
.section-banner.theme3 .sb-pattern-right img.theme1-pattern-right,
.section-banner.theme3 .sb-pattern-left img.theme2-pattern-left,
.section-banner.theme3 .sb-pattern-right img.theme2-pattern-right,
.section-banner.theme3 .sb-pattern-left img.theme4-pattern-left,
.section-banner.theme3 .sb-pattern-right img.theme4-pattern-right,
.section-banner.theme3 .sb-pattern-left img.theme5-pattern-left,
.section-banner.theme3 .sb-pattern-right img.theme5-pattern-right,
.section-banner.theme3 .sb-pattern-left img.theme6-pattern-left,
.section-banner.theme3 .sb-pattern-right img.theme6-pattern-right,
.section-banner.theme3 .sb-pattern-left img.theme7-pattern-left,
.section-banner.theme3 .sb-pattern-right img.theme7-pattern-right { display:none; }

.section-banner.theme4 .sb-pattern-left img.theme1-pattern-left,
.section-banner.theme4 .sb-pattern-right img.theme1-pattern-right,
.section-banner.theme4 .sb-pattern-left img.theme2-pattern-left,
.section-banner.theme4 .sb-pattern-right img.theme2-pattern-right,
.section-banner.theme4 .sb-pattern-left img.theme3-pattern-left,
.section-banner.theme4 .sb-pattern-right img.theme3-pattern-right,
.section-banner.theme4 .sb-pattern-left img.theme5-pattern-left,
.section-banner.theme4 .sb-pattern-right img.theme5-pattern-right,
.section-banner.theme4 .sb-pattern-left img.theme6-pattern-left,
.section-banner.theme4 .sb-pattern-right img.theme6-pattern-right,
.section-banner.theme4 .sb-pattern-left img.theme7-pattern-left,
.section-banner.theme4 .sb-pattern-right img.theme7-pattern-right { display:none; }

.section-banner.theme5 .sb-pattern-left img.theme1-pattern-left,
.section-banner.theme5 .sb-pattern-right img.theme1-pattern-right,
.section-banner.theme5 .sb-pattern-left img.theme2-pattern-left,
.section-banner.theme5 .sb-pattern-right img.theme2-pattern-right,
.section-banner.theme5 .sb-pattern-left img.theme3-pattern-left,
.section-banner.theme5 .sb-pattern-right img.theme3-pattern-right,
.section-banner.theme5 .sb-pattern-left img.theme4-pattern-left,
.section-banner.theme5 .sb-pattern-right img.theme4-pattern-right,
.section-banner.theme5 .sb-pattern-left img.theme6-pattern-left,
.section-banner.theme5 .sb-pattern-right img.theme6-pattern-right,
.section-banner.theme5 .sb-pattern-left img.theme7-pattern-left,
.section-banner.theme5 .sb-pattern-right img.theme7-pattern-right { display:none; }

.section-banner.theme6 .sb-pattern-left img.theme1-pattern-left,
.section-banner.theme6 .sb-pattern-right img.theme1-pattern-right,
.section-banner.theme6 .sb-pattern-left img.theme2-pattern-left,
.section-banner.theme6 .sb-pattern-right img.theme2-pattern-right,
.section-banner.theme6 .sb-pattern-left img.theme3-pattern-left,
.section-banner.theme6 .sb-pattern-right img.theme3-pattern-right,
.section-banner.theme6 .sb-pattern-left img.theme4-pattern-left,
.section-banner.theme6 .sb-pattern-right img.theme4-pattern-right,
.section-banner.theme6 .sb-pattern-left img.theme5-pattern-left,
.section-banner.theme6 .sb-pattern-right img.theme5-pattern-right,
.section-banner.theme6 .sb-pattern-left img.theme7-pattern-left,
.section-banner.theme6 .sb-pattern-right img.theme7-pattern-right { display:none; }

.section-banner.theme7 .sb-pattern-left img.theme1-pattern-left,
.section-banner.theme7 .sb-pattern-right img.theme1-pattern-right,
.section-banner.theme7 .sb-pattern-left img.theme2-pattern-left,
.section-banner.theme7 .sb-pattern-right img.theme2-pattern-right,
.section-banner.theme7 .sb-pattern-left img.theme3-pattern-left,
.section-banner.theme7 .sb-pattern-right img.theme3-pattern-right,
.section-banner.theme7 .sb-pattern-left img.theme4-pattern-left,
.section-banner.theme7 .sb-pattern-right img.theme4-pattern-right,
.section-banner.theme7 .sb-pattern-left img.theme5-pattern-left,
.section-banner.theme7 .sb-pattern-right img.theme5-pattern-right,
.section-banner.theme7 .sb-pattern-left img.theme6-pattern-left,
.section-banner.theme7 .sb-pattern-right img.theme6-pattern-right { display:none; }


    ul.breadcrumb                   { padding:0; margin:0 0 5px 0; list-style:none; font-size:90%;}
    ul.breadcrumb li                { display:inline }
    ul.breadcrumb li+li:before      { padding:8px; color:#fff; content: "/\00a0";}
    ul.breadcrumb li a              { color:#fff; text-decoration: none;}
    ul.breadcrumb li a:hover        { color: #fff; text-decoration: underline;}

	/* circles */
	.circles{
		background-size: cover;
	}
	.circles .circles-bg{
		position: absolute;
		width: 70%;
		height: auto;
		left: 15%;
		top: 25px;
		opacity: 0.5;
	}
	.circles .circle-wrp{
		width: 106%;
		margin-left: -3%;
	}
	.circles .circle-wrp.cp-wrp{
		margin-bottom: 25px;
	}
	.circles .circle{
		width: 33.33%;
		padding-bottom: 33.33%;
		border-radius: 50%;
		overflow: hidden;
		float: left;
		cursor: pointer;
	}
	.circles .circle .after{
		display: block;
		background-repeat: no-repeat;
		background-size: 10% auto;
		background-position: center center;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 15%;
	}
	.circles .circle:hover .after{
		background-image: url('images/arrow-bottom-white.svg');
	}
	.circles .circle.cr1{
		right: -3%;
	}
	.circles .circle.cr3{
		left: -3%;
	}
	.circles .circle.cr1 .icon img{
		width: 130%;
		margin-left: -15%;
	}
	.circles .circle.cr1 .after{
		background-color: #f4364c;
	}
	.circles .circle.cr2 .after{
		background-color: #00a3e0;
	}
	.circles .circle.cr3 .after{
		background-color: #13426b;
	}
	.circles .circle .cir-bg{
		position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	}
	.circles .circle.cr1 .cir-bg{
		background-color: #fed7dc;
		opacity: 0.4;
		transition: all 0.3s ease-out;
	}
	.circles .circle.cr2 .cir-bg{
		background-color: #cdedfa;
		opacity: 0.5;
		transition: all 0.3s ease-out;
	}
	.circles .circle.cr3 .cir-bg{
		background-color: #326787;
		opacity: 0.2;
		transition: all 0.3s ease-out;
	}

	.circles .circle.cr1:hover .cir-bg{
		background-color: #fed7dc;
		opacity: 1;
	}
	.circles .circle.cr2:hover .cir-bg{
		background-color: #cdedfa;
		opacity: 1;
	}
	.circles .circle.cr3:hover .cir-bg{
		background-color: #326787;
		opacity:0.5;
	}
	.circles .circle .cir-detail{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		max-width: 100%;
		max-height: 100%;
	}
	.circles .circle p{
	    text-align: center;
		margin-top: 15px;
		line-height: 1.2;
		color: #13426b;
	}
	.cp1,
	.cp2,
	.cp3{
		display: none; 
	}
	
	#circlegp[value='1'] ~ * .cp1,
	#circlegp[value='1'] ~ .cp1,
	#circlegp[value='2'] ~ * .cp2,
	#circlegp[value='2'] ~ .cp2,
	#circlegp[value='3'] ~ * .cp3,
	#circlegp[value='3'] ~ .cp3{
		display: block;
	}
	
	
	#circlegp[value='1'] ~ * .cr1 .after,
	#circlegp[value='2'] ~ * .cr2 .after,
	#circlegp[value='3'] ~ * .cr3 .after{
		background-image: url('images/arrow-bottom-white.svg');
	}
	.logo-item-m{
		display: none;
	}
    
	#body.revamp .revamp-subscribe-nbg {
		background-size: cover;
		background-position: top left;
		background-repeat: no-repeat;
	}
	#body.revamp .revamp-subscribe { background-size:70%;  background-position:top left; background-repeat: no-repeat;}
    #body.revamp .revamp-subscribe-bg { background-size:cover; background-position:top left; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    #body.revamp .form-main h2 { color:#333 }
    #body.revamp .revamp-subscribe .revamp-general { padding:100px 0 }

	.form-main h2       { display:none; }
	#body.revamp .form-main          { width:90%; }
	#body.revamp .table-form         { width:100%; border:none; }
	#body.revamp .tf-col1            { text-align:left; vertical-align:top; width:70%; background-color: #f8f8f8; }
	#body.revamp .tf-col1>.d-form    { /* background-color:#fff; */ }
	#body.revamp .tf-col2            { text-align:left; vertical-align:middle; background-color: #f8f8f8; }
	#body.revamp .tf-col2>h2         { color:#fff; padding-left:20px; padding-right:20px; width:100%; display:block; }
	

@media only screen and (max-width:1600px) {
    #body.revamp .section-banner .sb-pattern-left    { width:7%; left:-40px; bottom:-50px }
}
@media screen and (max-width: 1400px) {
    #body.revamp .revamp-subscribe-bg { background-position:bottom left;}
    #body.revamp .revamp-subscribe { background-size:80%; background-position:top left;}
}

@media only screen and (max-width: 1200px) {
        .pg-container .pg-col1	{ display:none; }
        .pg-container .pg-col2 { width:100%; padding:0; }
}

    @media only screen and (max-width:1100px) {
    #body.revamp .section-banner .sb-name h1         { font-size:30px; }
    #body.revamp .revamp-subscribe { background-size:180%; background-position:center;}
    
    }


    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #body.revamp .section-banner .sb-name h1         { font-size:26px; }
    #body.revamp .section-banner .sb-img             { width: 100%; height:250px; object-fit: cover; /*width:auto; height:250px; margin-left:-20%;*/ }  

.section-banner.theme1 .sb-pattern-left,
.section-banner.theme2 .sb-pattern-left,
.section-banner.theme3 .sb-pattern-left,
.section-banner.theme4 .sb-pattern-left,
.section-banner.theme5 .sb-pattern-left,
.section-banner.theme6 .sb-pattern-left,
.section-banner.theme7 .sb-pattern-left    { width:12%; left:-20px; bottom:25px }


.section-banner.theme1 .sb-pattern-right,
.section-banner.theme2 .sb-pattern-right,
.section-banner.theme3 .sb-pattern-right,
.section-banner.theme4 .sb-pattern-right,
.section-banner.theme5 .sb-pattern-right,
.section-banner.theme6 .sb-pattern-right,
.section-banner.theme7 .sb-pattern-right   { width:35%; bottom:-50%; } 

    }


    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
.section-banner.theme1 .sb-pattern-left,
.section-banner.theme2 .sb-pattern-left,
.section-banner.theme3 .sb-pattern-left,
.section-banner.theme4 .sb-pattern-left,
.section-banner.theme5 .sb-pattern-left,
.section-banner.theme6 .sb-pattern-left,
.section-banner.theme7 .sb-pattern-left    { width:8%; bottom:0}

.section-banner.theme1 .sb-pattern-right,
.section-banner.theme2 .sb-pattern-right,
.section-banner.theme3 .sb-pattern-right,
.section-banner.theme4 .sb-pattern-right,
.section-banner.theme5 .sb-pattern-right,
.section-banner.theme6 .sb-pattern-right,
.section-banner.theme7 .sb-pattern-right    { width:25%; bottom:-55%;} 

    }


    @media only screen and (max-width:767px) {
		
    #body.revamp .revamp-subscribe { background-size:300%; background-position:top right;}
    #body.revamp .revamp-subscribe .revamp-general { padding:80px 0 }
    #body.revamp .section-banner .sb-img             { width: 100%; height:250px; object-fit: cover; /*width:auto; height:250px; margin-left:-20%;*/ }  
    #body.revamp .section-banner .sb-name h1         { font-size:24px; }
.section-banner.theme1 .sb-pattern-left,
.section-banner.theme2 .sb-pattern-left,
.section-banner.theme3 .sb-pattern-left,
.section-banner.theme4 .sb-pattern-left,
.section-banner.theme5 .sb-pattern-left,
.section-banner.theme6 .sb-pattern-left,
.section-banner.theme7 .sb-pattern-left    { width:18%; left:-25px; bottom:50px }

.section-banner.theme1 .sb-pattern-right,
.section-banner.theme2 .sb-pattern-right,
.section-banner.theme3 .sb-pattern-right,
.section-banner.theme4 .sb-pattern-right,
.section-banner.theme5 .sb-pattern-right,
.section-banner.theme6 .sb-pattern-right,
.section-banner.theme7 .sb-pattern-right   { width:60%; right:-160px; bottom:-80px; } 

    }