@font-face {
  font-family: "Flaticon1";
  src: url("../fonts/flaticon/flaticon.eot");
  src: url("../fonts/flaticon/flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/flaticon/flaticon.woff2") format("woff2"),
       url("../fonts/flaticon/flaticon.woff") format("woff"),
       url("../fonts/flaticon/flaticon.ttf") format("truetype"),
       url("../fonts/flaticon/flaticon.svg#flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
    font-family: flaticon1 !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flaticon-theatre:before {
    content: "\f101";
}
.flaticon-drama:before {
    content: "\f102";
}
.flaticon-director-chair:before {
    content: "\f103";
}
.flaticon-certificate:before {
    content: "\f104";
}
.flaticon-whatsapp:before {
    content: "\f105";
}
.flaticon-whatsapp-1:before {
    content: "\f106";
}
.flaticon-telegram:before {
    content: "\f107";
}
.flaticon-telegram-1:before {
    content: "\f108";
}
.flaticon-instagram:before {
    content: "\f109";
}
.flaticon-location:before {
    content: "\f10a";
}
.flaticon-target:before {
    content: "\f10b";
}
.flaticon-next:before {
    content: "\f10c";
}
.flaticon-left-arrow:before {
    content: "\f10d";
}
.flaticon-down-arrow:before {
    content: "\f10e";
}
.flaticon-upload:before {
    content: "\f10f";
}
.flaticon-diamond:before {
    content: "\f110";
}
.flaticon-telephone:before {
    content: "\f111";
}
.flaticon-content:before {
    content: "\f112";
}
.flaticon-theatrical-masks:before {
    content: "\f113";
}
.flaticon-drama-1:before {
    content: "\f114";
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/yekan/eot/iranyekanwebboldfanum.eot');
	src: url('../fonts/yekan/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/yekan/woff/iranyekanwebboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/yekan/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/yekan/eot/iranyekanweblightfanum.eot');
	src: url('../fonts/yekan/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/yekan/woff/iranyekanweblightfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/yekan/ttf/iranyekanweblightfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/yekan/eot/iranyekanwebregularfanum.eot');
	src: url('../fonts/yekan/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/yekan/woff/iranyekanwebregularfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/yekan/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}
@font-face {
	font-family: iransans;
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/iransans/eot/iransansfanumb.eot');
	src: url('../fonts/iransans/eot/iransansfanumb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iransans/woff/iransansfanumb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iransans/ttf/iransansfanumb.ttf') format('truetype');
}

@font-face {
	font-family: iransans;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/iransans/eot/iransansfanum.eot');
	src: url('../fonts/iransans/eot/iransansfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iransans/woff/iransansfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iransans/ttf/iransansfanum.ttf') format('truetype');
}

@font-face {
	font-family: iransans;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/iransans/eot/iransansfanum.eot');
	src: url('../fonts/iransans/eot/iransansfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iransans/woff/iransansfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iransans/ttf/iransansfanum.ttf') format('truetype');
}
*
{
	font-family:iransans;
	text-align:right;
	direction:rtl;
	box-sizing: border-box;
}
body
{
	--main-color: #005f59;
}
a
{
	text-decoration:none;
}
body
{
	background:#fff;
	margin:0;
}
h1,h2,h3,h4,h5,h6
{
	color:#1a084e;
}
html
{
	margin:0;
	padding:0;
}
.flr
{
	float:right;
}
.fll
{
	float:left;
}
.aligncenter
{
	width:100% !important;
}
.container
{
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container-s
{
	padding:0 60px;
}
.container-m
{
	padding:0 30px;
}
.col-1 {width: 8.33%;float:right;}
.col-1-5 {width: 12.5%;float:right;}
.col-2 {width: 16.66%;float:right;}
.col-2-5 {width: 20%;float:right;}
.col-3 {width: 25%;float:right;color:#eba760;}
.col-4 {width: 33%;float:right;}
.col-5 {width: 41.66%;float:right;}
.col-6 {width: 50%;float:right;}
.col-7 {width: 58.33%;float:right;}
.col-8 {width: 66%;float:right;}
.col-9 {width: 75%;float:right;}
.col-10 {width: 83.33%;float:right;}
.col-10-5 {width: 87.465%;float:right;}
.col-11 {width: 91.66%;float:right;}
.col-12 {width: 100%;float:right;}
.col-13 {width: 120%;float:right;}
.col-14 {width: 0;float:right;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .coll-14
{
	position:relative;
	padding-right: 15px;
    padding-left: 15px;
	float:right;
}
.faq-content
{
	display:none;
}
.i-top-head
{
	padding-top:10px;
	height:95px;
}
.i-menu .col-9
{
	float:left !important;
}
.i-slider-main
{
	display:flex;
}
.i-top-head .navbar-brand
{
	font-weight: 800;
    font-size: 26px;
    color: #63599e;
    z-index: 3;
    position: relative;
    line-height: 1;
	margin-top:10px;
}
.i-top-head > .container
{
	position:relative;
}

.i-top-head .navbar-brand span
{
	color: #00b173;
    line-height: 1.1;
    font-size: 12px;
    display: block;
    font-weight: 500;
}
.archive-title
{
	text-align:center;
}
.i-flex
{
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.i-top-head .i-top-icon span
{
	color: #fff;
    font-size: 38px;
    line-height: 1;
}
.i-top-head .i-text
{
	padding-right: 10px;
}
.i-top-head .i-text span, .i-top-head .i-text strong
{
	display: block;
    line-height: 1.4;
    color: #fff;
	direction:ltr;
}
.i-navbar
{
	
    position: relative;
	margin-top:20px;
}
.i-head-box
{
	padding-top:30px;
}
.container-l
{
	padding-left: 0;
    padding-right: 0;
    background: rgba(255, 255, 255, 0.1);
    max-width: 1300px;
	    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}
.i-navbar > .container-l
{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.i-btn
{
	font-size: 15px;
    font-weight: 700;
    background: #cc3d3d;
    padding: 10px 20px;
    color: #fff;
    border-radius: 30px;
    position: relative;
    text-align: center;
    float: left;
}
.i-navbar-nav
{
	float:right;
}
.nav-item
{
	display: block;
    float: right;
	margin: 12px 0 0 30px;
	font-weight:bold;
}
.nav-item a
{
	color:#40407a;
}
.i-navbar-nav a
{
	font-size: 16px;
    padding-left: 20px;
    padding-right: 25px;
    color: #34495e;
    font-weight: 700;	
}
.af-catalog
{
	background:#4d5e80;
	margin-left:10px;
}
.af-catalog svg
{
	margin-left: 10px;
	float: right;
    margin-top: 4px;
}
    
#layer1
{
	width: 50%;
    float: left;
    margin: 0;
	padding:50px;
}
#layer2
{
	width: 100%;
    float: right;
    height: 360px;
}

.i-slider
{
	height: 450px;
    min-height: 100%;
    overflow: hidden;

}
.i-call-jumb
{
	width: 100%;
    float: right;
    height: 150px;
    background: #b49356;	
}
.i-slider-img
{
	float: right;
    width:60%;
	padding-top:50px;
}
.i-slider-img img
{
	margin: 0 auto;
    display: block;	
}
#Layer_1
{
	position: absolute;
    right: 0;
    bottom: 0;
}
.i-slider-first
{
	float: right;
    margin-top: 12px;
    color: #fff;
    font-size: 38px;
    width: 100%;
    font-weight: bold;
    text-align: center;
	margin-bottom:20px;
}
.i-slider-last
{
	float: right;
	margin-top:12px;
    color: #fff;
	font-size:20px;
}
.i-slider-btn button
{
	background: #fff;
    border: none;
    border-radius: 20px;
    padding: 8px 20px;
    font-size: 16px;
    color: #34495e;
    display: block;
    margin: 0 auto;
}
.i-slider-btn button i
{
	font-family:Flaticon1;
	float: left;
    padding: 3px 10px 0 0;
}
.i-slider-text-main
{
	float:right;
	width:40%;
	margin-top:150px;
}
.i-slider-text-main > i
{
	font-size: 90px;
    margin: 30px 5px 0 0;
    float: right;
    height: 95px;
}
.i-slider-text
{
	float: left;
    text-align: center;
    color: #fff;
    font-size: 26px;
    line-height: 40px;
	overflow:hidden;
	margin-bottom:25px;
	position:relative;
	padding-top:140px;
	padding-right:90px;
}
.i-slider-text h1
{
	font-size:2rem;
}
.i-slider-text h2
{
	font-size:3rem;
}
.i-slider-text h1, .i-slider-text h2
{
	color:#fff;
}
.swiper-slide-active
{

}
.has-sub:hover .sub-menu
{
	display:block;
}
.sub-menu
{
	background: #fff;
    z-index: 2;
    position: absolute;
	border-radius:10px;
	padding:20px;
	display:none;
	width:300px;
	box-shadow:0px 15px 20px -10px rgb(0 0 0 / 40%);
}
.sub-menu li
{
	display:block;
	line-height: 40px;
    font-size: 0.9rem;
	margin: 5px 0;
}
.sub-menu a
{
	color:#444;
}
.swiper-slide
{
	color:#fff;
	font-weight:bold;
}
.i-cat-head h3
{
	text-align:center;
	font-size:32px;
	margin:20px 0 0 0;
}
.i-cat-head span
{
	text-align: center;
    width: 100%;
    float: right;
    margin-bottom: 50px;	
}
.i-about-vl
{
	margin-top: 90px;
    width: 100%;
    float: right;
}
.i-about-text
{
	margin-bottom:50px;
}
.i-about-text h3
{
	font-size:32px;
	margin:0;
}
.i-about-text ul
{
	margin:0;
	padding:0;
}
.i-about-text p
{
    text-align: justify;
    line-height: 30px;
    color: #444;
}
.i-about-text ul li
{
	display:block;
	font-size:20px;
	line-height:50px;
	width:100%;
	float:right;
}
.i-about-text ul li i
{
    font-size: 22px;
    color: #f1c40f;
    padding: 5px 0 0 20px;
    float: right;
}

.i-category
{
	margin-top:40px;
}
.i-category, .i-qoute
{

	float:right;
	width:100%;
}
.i-qoute
{
	background: #3d4566;
    margin-top: 60px;
    color: #fff;
	padding:30px 0;
}
.i-qoute p
{
	text-align: center;
    font-weight: bold;
    font-size: 1.4rem;
}
.i-qoute button
{
	background: #cc3d3d;
    border: none;
    color: #fff;
    padding: 10px 25px;
    border-radius: 10px;
    font-size: 16px;
	    display: block;
    margin: 0 auto;
	cursor:pointer;
}
.i-custom-page
{
	display:flex;
	flex-wrap:wrap;
}
.i-custom-element img
{
	width:100%;
	border-radius:20px;
}
.i-custom-element span
{
	text-align: center;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #444;
}

.i-row
{
	display: -ms-flexbox;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;

}
.i-cat, .i-slider-btn button
{
	cursor:pointer;
}
.i-cat
{
	border-radius:25px !important;
	background:#40407a;
	height:370px;
}
.i-cat, .i-blog-main, .i-page-side, .i-page-content, .i-faqs-main
{
    padding: 52px 30px;
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    z-index: 1;
	border-bottom: 5px solid #f1c40f;
	border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgb(70 72 77 / 8%);
    box-shadow: 0 5px 30px rgb(70 72 77 / 8%);

}
.i-faq-main
{
	height:300px;
	padding:30px;
}
.i-faq-main h2
{
	font-size:20px;
	height:70px;
}
.i-faq-main h2 a
{
	color:#63599e;
}


.i-cat .i-cat-icon span
{
	color: var(--main-color);
    font-size: 90px;
    margin-bottom: 24px;
    display: block;
	font-family:Flaticon1;
}
.i-cat .i-cat-icon
{
	margin-left:15px;
}
.i-cat .i-cat-caption h5
{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 21px;
	margin-top: 0;
    color: #fff;
    display: block;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;	
}
.i-cat .i-cat-caption p
{
	font-size: 12px;
    font-weight: 500;
    line-height: 28px;
    text-align: justify;	
	color:#fff;
}

.i-cat:hover
{
	background:#fff;

}
.i-cat:hover span, .i-cat:hover h5, .i-cat:hover p
{
	color:#40407a;
}
.i-media
{
	background:linear-gradient(to bottom, #eef0f6, rgba(249, 250, 254, 0));
    padding: 50px 0;
	float:right;
	width:100%;
}
.i-media-tv
{
	 -webkit-box-shadow: 0 5px 30px rgb(70 72 77 / 8%);
    box-shadow: 0 5px 30px rgb(70 72 77 / 8%);

    
    border-radius: 5px;
    background: #fff;
    margin: 25px 0 30px;
  
}
.i-media-tv img
{
	border-radius:5px;
}	
.i-media-hover
{
	background:rgba(87,75,144,0.5);
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	border-radius:5px;
	cursor:pointer;
	transition:.4s;
}
.i-media-hover:hover
{
	background:rgba(87,75,144,0.8);
}
.i-media .i-cat-head
{
	margin-bottom:50px;
}
.i-media button
{
	border: 1px solid #63599e;
    color: #63599e;
    background: transparent;
    border-radius: 25px;
    padding: 10px 20px;
    font-size: 15px;
	margin:0 auto;
	display:block;
	cursor:pointer;
	
}

.i-media-hover i
{
	position: absolute;
    top: 35%;
    right: 42%;
    font-size: 50px;
    color: #fff;
}
.i-media-text
{
	text-align: center;
    padding: 15px;
}
.i-media-text a
{
	color:#63599e;
}
.i-media-pic
{
	position:relative;
}
.faq h5, .faq p
{
	color:#fff;
}
.faq h5
{
	border: 1px dashed;
    padding: 10px;
    font-size: 18px;
	cursor:pointer;
}
.faq h5 i
{
	font-size: 15px;
    padding: 6px 10px 0 20px;
    float: right;
}

.i-blog
{
	padding: 80px 0;
	float:right;
	width:100%;
}
.i-main-content .i-blog .col-4:hover > .i-blog-main
{
	margin-top:-10px;
}
.i-blog-main
{
		min-height:215px;
	padding:0;
	border-radius:25px;
	overflow:hidden;
}
.i-blog-main img
{
	width:100%;
	height:232px;
}
.i-blog-desc
{
	padding:25px;
}
.i-blog-desc h3
{
	font-size:18px;
	height:60px;
	margin:0;
}
.i-page-main .i-blog-main
{
	margin-bottom:30px;
}
.i-blog-desc h3 a
{
	color:#1a084e;
}
.i-blog-desc p
{
	font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    text-align: justify;
    color: #999;
	margin-top:0;
}

.i-blog-item-hover
{
	position:absolute;
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	top:0;
 -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
	opacity:0;
}
.i-blog-item-hover img
{
    display: block;
    margin: 0 auto;
    margin-top: 65px;
	opacity:0.5;
}
.i-faq-section
{
	float:right;
	width:100%;
}
.i-faq-section .i-cat-head
{
	margin:40px 0 80px 0;
}
.i-faq-main
{
	
}
.accordion {
  background-color: #f9f9f9;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
	margin-bottom:10px;
  border: none;
  text-align: right;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
	border-radius:10px;
}
.panel p
{
	font-size: 14px;
    line-height: 28px;
    text-align: justify;
}
.active, .accordion:hover {
  background-color: #f1f1f1;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}


.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.tab {
  overflow: hidden;

}

/* Style the buttons inside the tab */
.tab button {
background-color: #fff;
    float: right;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    color: #40407a;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 5px;
	border:1px dashed #40407a;
    font-size: 18px;
    font-weight: bold;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #2c2c54;
	color:#fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 5px 5px;

  border-top: none;
}
#gform_fields_1
{
	display:flex;
}
#gform_fields_1 input, #gform_fields_1 select
{
	 width: 220px;
    height: 40px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 0 15px;
	color: #777;
}
#gform_fields_1 li:first-child
{
	padding-right:0;
}
#gform_fields_1 li
{
	margin:0;
}
.i-page-content img
{
	width:100%;
	height:auto;
}
.i-page-content h1
{
	font-size: 22px;
    margin: 0 0 30px 0;
}
.i-page-content
{
	margin-bottom:30px;
	padding-top:30px;
}
.i-page-main
{
	margin: 35px 0;
}
.i-page-side
{
	margin-bottom:25px;
}
.i-related-main
{
	border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: 150px;
    background-position: center;
	position:relative;
	margin-bottom:30px;
}
.i-related-item
{
	background-size: cover;
    width: 100%;
    height: 100%;
	padding:50px 30px;
	background-position: center;

}
.i-related-hover
{
	background:rgba(0,0,0,0.5);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
}
.i-related-item a
{
	color:#fff;
	font-weight:bold;
	position:absolute;
	right: 30px;
    left: 30px;
}
.i-page-content p
{
	font-size: 16px;
    line-height: 36px;
    color: #444;
    text-align: justify;	
}
.i-sticky-call
{
	display:none;
}
.swiper-container, .swiper-container-2 {
      width: 100%;
      height: 50px;
}
.swiper-wrapper
{
	padding:0;
	margin:0;
}
    .swiper-slide {
      text-align: center;
      font-size: 24px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
footer
{
	padding:50px 0;
	background:#3d4566;
	width: 100%;
    float: right;
	margin-top:35px;
}
footer .nav-item {
    display: block;
    float: none;
    margin: 0;
    font-weight: normal;
	
}
footer .nav-item a
{
	color:#fff;
}
footer .has-sub:hover .sub-menu
{
	display:none;
}
.i-footer
{
	background:#fff;
	width: 100%;
    float: right;
	height:80px;
	padding: 25px 0;
}
.i-footer-icon
{
	margin-top:30px;
}
.i-footer-icon i
{
	font-size: 26px;
    padding-left: 15px;
    color: #fff;
}
.i-footer span
{
	direction:rtl;
	color:#1a084e;
	font-size:12px;
}
footer h4
{
	font-size:16px;
}
footer ul
{
	padding:0;
}
footer ul li
{
	font-size:14px;
	display:block;
	line-height: 30px;
	color:#fff;
}
footer ul li a
{
	color:#fff;
}
footer h4
{
	color:#fff;
}
.hamburger, .i-hamburger {
    display: none;
}

.bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #1a084e;
}
.sticky
{
	position: fixed;
    height: 80px;
    transition: 0.5s;
    width: 100%;
	z-index: 1;
    background: #fff !important;
	top:0;
}
.menu-mobile
{
	position: fixed;
    width: 330px;
    height: 100%;
	padding-bottom:40px;
    background-color: #1a084e;
    left: -380px;
    top: 0;
    transition: all 0.5s ease-in-out;
	z-index:3;
}
.menu-mobile i
{
float: right;
    margin: 45px 30px 0;
    color: #fff;
    font-size: 34px;
}
.active
{
	right:0;
}
.activemobile
{
	left:0;
	box-shadow: 1px 2px 50px rgba(0, 0, 0, 0.1);
}
.i-footer-logo p
{
	color: #fff;
    font-size: 0.9rem;
    line-height: 28px;
    text-align: justify;
    padding-left: 30px;
}
.wrapper {
  display: flex;
  justify-content: space-between;
}
.main
	{
		box-shadow:0 0 35px rgb(0 0 0 / 8%);

	}
.main img
{
	width:100%;
	height:auto;
}
.main,
.sidebar {
    border-radius: 10px;
    padding: 20px;
}

.main {
  width: 70%;
	line-height: 34px;
    font-size: 15px;
    text-align: justify;
	padding: 30px 60px;
}
	.main p
	{
		text-align:justify;
	}

.sidebar {
  width: 25%;
  height: fit-content;
	box-shadow: 0 0 35px rgb(0 0 0 / 8%);
}
	.sidebar li
	{
		list-style:none;
		    line-height: 40px;
		height: 45px;
	}
	

	.sidebar li a:before
	{
		content: "";
    width: 4px;
    margin-top: 2px;
    height: 22px;
    background-color: transparent;
    float: right;
    margin-left: 10px;
    transition: background-color .3s ease;
	}
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
}
	.sidebar ul
	{
		padding:0;
	}
	.sidebar ul li a
	{
		color:#574b90;
		font-weight:bold;
	}
	.sidebar li:before
	{
		content: "";
    width: 4px;
    
    height: 22px;
    background-color: #f1c40f;
    float: right;
    margin: 10px 10px;
    transition: background-color .3s ease;
	}
	.top-content
	{
		width:100%;
		height:500px;
		padding-top:20px;
	}
	.top-content video
	{
		width:100%;
	}
	.tab-content-main
	{
		line-height: 34px;
    	font-size: 15px;
    	text-align: justify;
    	padding-left: 50px;
		padding-right:0;
	}
	.top-content .col-7
	{
		padding-left:0;
	}
	
	.i-call
	{
		    width: 100%;
    float: right;
    height: 130px;
    background: #574b90;
		margin:30px 0;
	}
	.i-call span
	{
		color: #fff;
    padding: 50px 0;
    float: right;
    font-size: 20px;
	}
	.i-call button
	{
		font-size: 15px;
    font-weight: 700;
    background: #f1c40f;
    padding: 10px 20px;
    color: #fff;
    border-radius: 30px;
    float: left;
    border: none;
    margin: 43px 0;
		cursor:pointer;
	}
	.i-faq-landing
	{
		width: 100%;
    float: right;
		margin-bottom: 100px;
	}
	.i-faq-landing h5
	{
		    text-align: center;
    font-size: 32px;
	}
	.i-faq-landing-row
	{
	box-shadow: 0 0 35px rgb(0 0 0 / 8%);
    padding: 20px 30px;
    line-height: 30px;
    border-radius: 10px;
    margin-bottom: 15px;
	}
	.i-faq-landing-row h6
	{
		color: #63599e;
    font-weight: bold;
	cursor:pointer;   
		font-size: 18px;
    margin: 0;
	}
	
	.faqlanding-content
	{
		display:none;
		margin-top: 12px;
    color: #444;
    font-size: 15px;
	}
	.h1land
	{
		margin-top:60px;
	}
	.h2land
	{
		
	}
@media (min-width: 1200px)
{
	.container
	{
		max-width: 1200px;
	}
	
	

}

@media (min-width: 481px) and (max-width: 990px)
{
	
	.i-media-tv img
	{
		width:100%;
		height:auto;
	}
}

@media (max-width: 700px)
{
	.i-navbar
	{
		display:none;
	}
	.i-slider-img img
	{
		width:100%;
	}
	.i-slider-img
	{
		width:100%;
	}
	.i-slider-text-main
	{
		width: 100%;
    	margin-top: 40px;
	}
	.col-6, .col-4, .col-3, .col-8
	{
		width:100%;
	}
	.i-about-text
	{
		padding:0;
	}
	.i-about-text ul li
	{
		font-size:18px;
	}
	.i-media-pic img
	{
		width:100%;
		height:auto;
	}
	.i-film i
	{
		text-align: center;
    float: right;
    margin-left: 20px;
	}
	.i-film h3
	{
		margin-top: 0;
		margin-bottom:35px;
		text-align:center;
	}
	.i-footer span
	{
		text-align:center;
		float:right;
	}
	.i-film button
	{
		display:none;
	}
	.i-blog-main img
	{
		height:auto;
	}
	.i-blog-main
	{
		margin-bottom:20px;
	}
	.i-footer-logo
	{
		text-align:center;
	}
	.i-footer-logo > h4
	{
		text-align:center;
	}
	.i-footer-half
	{
		width:50%;
	}
	.i-page-content
	{
		padding: 20px 30px;
		margin-bottom:30px;
	}
	.col-2, .i-hamburger
	{
		width:50%;
	}
	.i-menu .col-10
	{
		display:none;
	}
	.hamburger, .i-hamburger
	{
		display:block;
	}
	.hamburger
	{
		float: left;
    	padding: 30px;	
	}
	.nav-item
	{
		width: 100%;
    	float: right;
    	line-height: 40px;
	}
	.i-navbar-nav a
	{
		color:#fff;
	}
	.i-btn
	{
		margin-right:60px;
		float:right;
		background:#fff;
		color:#40407a;
	}
	.i-menu-mobile-ov
	{
		overflow:hidden;
	}
	.col-5, .col-7
		{
			width:100%;
		}
		.h1land
		{
			text-align:center;
			margin-bottom:0;
		}
		.tab-content-main
		{
			padding:15px;
		}
		.tab-content-main h2
		{
			text-align:justify;
		}
		.top-content .col-7
		{
			padding-right:0;
		}
		.wrapper
		{
			width:100%;
			float:right;
		}
		.main
		{
			width:100%;
			padding: 15px 35px;
		}
		.sidebar
		{
			display:none;
		}
		.i-call
		{
			height:auto;
		}
		.i-call span
		{
			text-align: center;
    		padding-bottom: 0;
		}
		.i-call button
		{
			margin: 30px auto;
    		display: block;
			float: none;
		}
	
	.i-hamburger
	{
		position:absolute;
		left:0;
	}
	.i-about-pic img
	{
		width:100%;
	}
	
	.i-about-vl, .i-film
	{
		padding-top:60px;
	}
	
	.i-about-text h3
	{
		text-align:center;
	}
	.i-about-text p
	{
		padding:0 25px;
	}
	.i-slider-main
	{
		background-position:center;
		height:auto;
	}
	.i-category .col-4
	{
		margin-bottom:15px;
	}
	.i-qoute p:before
	{
		    right: 5px;
    position: absolute;
		top:50px;
	}
	.i-form-right
	{
		padding-right:20px;
		border-radius:0;
	}
	#gform_fields_1
	{
		flex-wrap: wrap;
	}
	#gform_fields_1 li, #gform_fields_1 input, #gform_fields_1 select
	{
		width:100%;
	}
	.i-qoute p:after
	{
		 left: 5px;
    position: absolute;
		    top: 50px;
	}
	.i-qoute p
	{
		width: 70%;
    display: block;
    margin: 0 auto;
	}
	.i-qoute
	{
		position:relative;
	}
	.i-qoute p
	{
		line-height:40px;
	}
	.i-slider-text h2
	{
		font-size: 2rem;
    	text-align: center;
	}
	.i-slider-text h1 
	{
    	font-size: 1rem;
    	text-align: center;
	}
	.i-slider-text
	{
		padding:220px 0;	
	}
	.i-slider
	{
		background-position: -585px 0;
	}
	.i-cat
	{
		margin-bottom:25px;
	}
	.i-about-vl
	{
		margin:0;
	}
	.i-qoute
	{
		padding: 25px 0;
	}
	.i-faqs-main
	{
		padding: 52px 5px;
	}
	.i-footer-logo p
	{
		padding-left:0;
	}
	.i-sticky-call
	{
		display:block;
		position: fixed;
    	width: 100%;
    	text-align: center;
		z-index:9;
		bottom:10px;
	}
	.i-sticky-call button
	{
		width: 90%;
    	height: 50px;
		cursor:pointer;
	}
	.i-sticky-call button
	{
		text-align: center;
    border-radius: 30px;
    border: none;
    background: #10ac84;
		color:#fff;
		font-weight:bold;
	}
	.i-sticky-call span
	{
		font-size:1.4rem;
		float: right;
    margin: 4px 20px;
	}
	.i-sticky-call svg
	{
		margin: 10px 30px;
    float: right;
	}
.swiper
	{
		padding-bottom: 50px;
	}
	.i-slider
	{
		height:auto;
	}
	.i-navbar-nav
	{
		float:none;
		padding:0;
		margin:0;
	}
	.menu-mobile
	{
		overflow:scroll;
	}
	.sub-menu
	{
		background:transparent;
		box-shadow:none;
		display: block;
    position: relative;
	}
	.i-about-text h1
	{
		text-align:center;
	}
	footer .sub-menu
{
	display:none;
}
	.sub-menu li
	{
		    display: block;
    line-height: 40px;
    font-size: 0.9rem;
    margin: 0px 0;
	}
	.i-navbar-nav .sub-menu a
	{
		font-size:13px;
	}
	.i-navbar-nav a
	{
		padding-left:0;
	}
	.i-navbar-nav .sub-menu a:before
	{
		content: '--';
    width: 10px;
    height: 10px;
    margin-left: 11px;
	}
	.sub-menu
	{
		width:320px;
	}
	.menu-mobile
	{
		width:330px;
	}
}