/*****including font for website***/

@import url('https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,600&display=swap');

 

/************ logo color : #0102d9 **********/

html, body {

  height: 100%;

  margin: 0;

}

body{ line-height:170%; font-size:14px; sans-serif; color:#222;

box-sizing:border-box;

-webkit-font-smoothing: antialiased;

     -webkit-overflow-scrolling: touch;

	

} 	  



.ft_wt100{ font-weight:100}

.ft_wt200{ font-weight:200}

.ft_wt300{ font-weight:300}

.ft_wt400{ font-weight:400}

.ft_wt500{ font-weight:500}

.ft_wt600{ font-weight:600}

.ft_sz14{ font-size:14px;}

.ft_sz16{ font-size:16px;}

.ft_sz18{ font-size:18px;}

.ft_sz20{ font-size:20px;}

.ft_sz22{ font-size:22px;}

.ft_sz24{ font-size:24px;}

.ft_sz26{ font-size:26px;}

.ft_sz28{ font-size:28px;}

.ft_sz30{ font-size:30px;}

.ft_sz35{ font-size:35px;}

.ft_sz40{ font-size:40px;}

	.ft_sz90{ font-size:90px;}

.header_container{   

position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: auto;

    z-index: 9;

	}

 .sticky {

  position: fixed;

  top: 0;

  width: 100%;

}



.animate {

    animation-duration: 0.3s;

    -webkit-animation-duration: 0.3s;

    animation-fill-mode: both;

    -webkit-animation-fill-mode: both;

  }

}



@keyframes slideIn {

  0% {

    transform: translateY(1rem);

    opacity: 0;

  }

  100% {

    transform:translateY(0rem);

    opacity: 1;

  }

  0% {

    transform: translateY(1rem);

    opacity: 0;

  }

}



@-webkit-keyframes slideIn {

  0% {

    -webkit-transform: transform;

    -webkit-opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

    -webkit-opacity: 1;

  }

  0% {

    -webkit-transform: translateY(1rem);

    -webkit-opacity: 0;

  }

}



.slideIn {

  -webkit-animation-name: slideIn;

  animation-name: slideIn;

}



/* Other styles for the page not related to the animated dropdown */





.mgm-sticky-right-side-bar{  right:-10px; position:fixed; top:75%; padding:5px 0px; z-index:999;}

.mgm-sticky-right-side-bar ul{ margin:0; padding:0px  0px;}

.mgm-sticky-right-side-bar ul li{ list-style:none; padding:0px 10px;}

.mgm-sticky-right-side-bar ul li .li-light{background-color: rgba(240,132,25,0.761);}

.mgm-sticky-right-side-bar ul li .li-dark{background-color: rgba(112,60,25,0.8);}

.mgm-sticky-right-side-bar ul li a{ text-decoration:none; display:block;   

padding-left:10px; color:#fff; font-size:15px;}

.mgm-sticky-right-side-bar ul li   .iconlight{ padding:18px 20px; margin-left:8px; margin-right:0px; background-color: rgba(240,132,25,0.9);float:right;}

.mgm-sticky-right-side-bar ul li   .iconlight:hover{     background-color: rgba(112,60,25,0.9);}

.mgm-sticky-right-side-bar ul li   .icondark{ padding:18px 20px; margin-left:40px;    background-color: rgba(112,60,25,1)}

.mgm-sticky-right-side-bar ul li   .icondark:hover{     background-color: rgba(112,60,25,0.9);} 

.mgm_top_header{ padding:0px 0px; background:#4D8075}

.mgm_top_header .top_border_for_mobile{ border-bottom:1px solid #0102d9;}



.mgm_top_header .mail_section{ color:#fff; font-weight:600; padding:10px 2px 10px 2px; float:left}

.mgm_top_header .mail_section i{ padding:0px 2px;}

.mgm_name_container{ background:#fff; padding:5px 0px;  }

.mgm_name_container img{ width:100%;}

.mgm_name_container_middel{ color:#222; padding:20px 0px;   }

.mgm_top_header marquee{ padding:7px 6px ;}

.mgm_top_header marquee  a{ color:#fff; text-decoration:none;} 

.mgm_top_header ul{ margin:0; padding:0;}

.mgm_top_header ul li{ margin:0; padding-left:30%;  float:left; list-style:none;}

.mgm_top_header ul li a{ border-right:none; display:block; padding:10px 12px;color:#fff; font-weight:600; font-size:13px; text-decoration:none;}

.mgm_top_header ul li a i{padding:0px 5px 0px 0px;}

.mgm_top_header ul li a:hover{ background:#0102d9; color:#fff;}

.mgm_menu_header{ padding:0px 0px; background:#4D8075;      }

.navbar-nav{ padding:0px;}

.mgm_menu_header .navbar-expand-lg .navbar-nav .nav-link {

	color:#fff;  font-weight:600;padding:10px 13px;  border-radius:0px;}

 .mgm_menu_header .nav-item > .nav-link.active  {

    color:white; background:#0102d9;

}

.mgm_menu_header .navbar-nav > .active > a :focus {

  outline: 0; background: #0102d9; color:#fff;

}  

 .nav-item > .nav-link.active  {

     color: #fff !important; background:#0102d9;

}

.dropdown-item.active, .dropdown-item:active { 

    color: #fff !important;

    text-decoration: none;

    background-color: #0102d9; 

} 

.navbar-expand-lg .navbar-nav .nav-link:hover { border-radius:3px ; background: #0102d9; color:#fff; } 

.navbar-expand-lg .dropdown-menu{ top:40px; padding:5px 0px  0px 0px; border-radius:0px; border:1px solid #efefef; box-shadow:0px 6px 30px #ddd;}

.navbar-expand-lg .dropdown-menu a{ padding:8px 20px; border-bottom:1px solid #efefef; color:#222;}.navbar-expand-lg .dropdown-menu a:hover{background:#0102d9; color:#fff;} 

.mgm_slider_container{ width:100%;   background:#efefef;}

.mgm_slider_container img{ width:100%;  } 

.admission_holder{ background: url('../images/courses_1.webp') right  bottom ; margin-top:0px; background-size: cover;

    background-origin: padding-box;

    background-clip: border-box; z-index:1000 !important; }

	.admission-holder-trans{   	 

    background: rgba(27, 27, 27, 0.5);  height: 100%;

     }

	 

.mgm_news_program_events{ padding:20px; background:#f2f2f2;}

.mgm_news_program_events h2{ color:#333; font-size:22px; border-bottom:none !important;}

.mgm_news_program_events .program_box{ margin-right:10px; margin-bottom:20px; background:#fff; border-radius:4px; border:1px solid #F3F3F3; padding:10px 0px 15px 0px;    box-shadow: 0 0px 0px rgba(230,230,230,0.6); 

  transition: box-shadow 0.3s ease-in-out;}	 



.mgm_news_program_events .program_box a{ display:block; outline:none; color:None; text-decoration:none;}

	.mgm_news_program_events .program_box .program_icon{ width:80px; height:80px; margin:15px auto 6px auto;  } 

	

	

	.mgm_news_program_events .program_box .program_heading_box{ font-size:20px; font-weight:600; color:#222; padding-bottom:8px;}

	.mgm_news_program_events .program_box .program_subheading_box{ font-size:16px; font-weight:400; color:#666; padding-bottom:8px;}

	

	

	.mgm_news_program_events .program_box:hover{ box-shadow: 0 5px 15px rgba(230,230,230,0.9);}

	

  .mgm_news_program_events .programslackbox{ 

    border-radius: 10px; 

    background: #fff; 

    margin: 5px; 

    margin-bottom: 30px; padding:30px  0px 0px 0px;

   box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 10px, rgba(17, 17, 26, 0.01) 0px 16px 18px;

  }

  .mgm_news_program_events .programslackbox .programiconbox{ width: 80px; height: 80px; margin: 10px auto 40px auto;  }

  .mgm_news_program_events .programslackbox .programiconbox img{ width: 100%; border-radius: 100px; }

  .mgm_news_program_events .programslackbox a{ color:#333; text-decoration: none !important; } 

  .mgm_news_program_events .progamheadingboxtitle{ background: #0102d9; border-radius: 0px 0px 10px 10px; margin-top: 20px; padding:15px 0px; }

  .mgm_news_program_events .programslackbox .program_heading_box{ 

      

    font-size:18px; color:#fff; font-weight: 600; }



   .mgm_news_program_events .programslackbox .program_subheading_box{font-size:14px; color:#fff; font-weight: 400;  }

  .mgm_news_program_events .programslackbox:hover  { background: rgba(240,132,25,0.761); }

.owl-prev {

   width: 35px;

   height: 35px;

   position: absolute;

   top: 28%;

   margin-left: -15px !important;

   display: block !important;

  

   background: #FAB319 !important;

   color: #fff !important;

    

  

   }

    .owl-prev:hover{

   

     background: #0102d9 !important;

 

   }

   .owl-next {

   width: 35px;

   height: 35px;

   position: absolute;

   top: 30%;

   right: -15px ;

   display: block !important;

 

   background: #FAB319!important;

   color: #fff !important;

    

   }

   .owl-next:hover{

   

    background: #0102d9 !important;

   }

   .owl-prev i, .owl-next i {  color: #fff; margin-top: 8px;}



 .admission_text_container{ z-index:9999; margin:50% auto; line-height:normal; padding: 00px 30px;  text-align:center; color:#fff;   font-size:36px;  width:100%;}

 .admission_text_container a{ color:#fff; text-decoration:none;font-weight:600;  }

.mgm_admission_container{ margin:50% auto 0px auto; z-index:9999; padding: 30px 10px;} 

.mgm_admission_container .admission_block{border-radius:30px; text-align:center; background:#fff;margin:0px 10px;  }

.mgm_admission_container .admission_block a{ padding:20px 10px;  display:block;color:#0102d9; font-weight:600;  text-decoration:none; font-size:20px;border-radius:30px;}

.mgm_admission_container .admission_block a:hover{ background:#5b3217;color:#fff;}

.maxheight{ height:430px;}

.home-vision-background{width:100%;  background: url('writing.webp')   center left; 

	background-size:cover; background-clip: border-box; backface-visibility: visible;  }

.home-vision-background .vision-content-right{ height:768px; padding:00px 0px;   background:#fff;}

.home-vision-background .vision-content-right .text-alignt-left{ text-align:left;}

.home-vision-background .vision-content-right .text-alignt-right{ text-align:right;}

.home-vision-background .vision-content-mid  { width:80%; margin:00% auto;  }

.home-vision-background .vision-content-mid-inner{top:25%;width:80%; padding:20px; position:absolute;   }

.home-vision-background .vision-content-mid-inner .mid-heaing{color:#0102d9;  font-size:26px; font-weight:600; margin-bottom:20px;}

.home-vision-background .vision-content-mid-inner .mid-content{color:#333;  font-size:14px;  margin-bottom:30px;}

.mgm-about-section-home{ width:100%; background-size:cover;  background: url('bg-back.webp') center fixed  ; }

.mgm-about-section-home-vision{ background:rgba(104,56,23,0.8); padding: 40px 0px;}

.mgm-about-section-home-vision .vision-content{ padding:30px 80px 30px 0px; color:#fff;}

.mgm-about-section-home-vision  .vision-content h3{ color:#fff; font-size:26px; font-weight:600px; padding-bottom:20px; border-bottom:none;}

.mgm-about-section-home-vision .vision-content p{ text-align:justify; font-size:14px; color:#fff;}

.mgm-about-section-home-mission{ background:rgba(42,42,42,0.8); }

.mgm-about-section-home-mission .vision-contents{ color:#fff !important;  padding:30px 10px 30px 0px; margin:24% 0px 24% 0px ;  }

.mgm-about-section-home-mission  .vision-contents h3 { color:#fff; font-size:26px; font-weight:600px; margins-bottom:20px;border-bottom:none;}

.mgm-about-section-home-mission .vision-contents p{ text-align:justify; font-size:14px; color:#fff;}

.mgm_admission_clear{ margin-bottom:00px;} 

.mgm_faclity_section{ padding:30px 0px; width:100%;}

.mgm_faclity_section h3  { font-size:25px; border-bottom:none;}



.mgm_faclity_section .mgm_faclity_box{ margin-bottom:20px; padding:20px 15px; border-radius:10px; background:#F6F6F6;}

.mgm_faclity_section .mgm_faclity_box .facility_icon{ width:100px; height:100px;  border-radius:100px; background:#fff; border:2px solid #5b3217; text-align:center; line-height:100px; margin:10px auto;}

.mgm_faclity_section .mgm_faclity_box .facility_icon i{ font-size:40px; color:#5b3217; padding:25px;}

.mgm_faclity_section .mgm_faclity_box .facility_heading{ font-size:22px; padding:20px 0px 20px 0px; text-align:center; color:#5b3217; font-weight:600;}

.mgm_faclity_section .mgm_faclity_box .facility_description{ font-size:14px; padding:10px 20px 10px 20px; text-align:center; color:#111;  } 

.mgm_why_section{padding:0px; background:url(1.jpg) left; background-size:cover; }

.mgm_why_section .row{  padding:0; overflow:auto;}

.mgm_why_section_text_layer{ padding:50px 70px; background:rgba(127,31,0,0.8);}

.mgm_why_section_text_layer .why_heading{ color:#fff; font-size:20px; border-bottom:1px solid #fff; padding:0px 0px 20px 00px; margin-bottom:20px;}

.mgm_why_section_text_layer p{ color:#fff; text-align:justify;}



.mgm_why_details_section_part{ padding:30px 0px;}

.mgm_why_details_section_part .part_heading{ font-size:18px; font-weight:600; color:#222; padding:10px 10px; border-bottom:1px solid #ddd; margin-bottom:15px;} 

.mgm_why_details_section_part .part_l_side{ padding:30px 20px; background:rgba(243,243,243,1);  }

.mgm_why_details_section_part .parts_points{ color:#888; font-size: 24px;  }

.mgm_why_details_section_part .parts_points i{ color:#111; padding:10px 0px;}

.mgm_why_details_section_part .parts_points_text{  padding:10px 00px;   }

.mgm_why_details_section_part .part_r_side{ padding:30px 20px; background:rgba(235,235,235,1); }



.placement{padding:20px 20px 30px 20px; background:#fbf9f9;}

.placement h3{ padding:20px 0px 10px 10px;  font-weight:600;  font-size:20px;}

.placement .item{padding:10px; background:#fff; border:1px solid #ddd; border-bottom:4px solid #0102d9; margin:10px; color:#333; }

.placement .item img{ width:80%; margin:10px auto;}

.placement  h4{ font-size:14px;}

.placement .item .itemrow{ text-align:center;    width:100%; margin-top:11px;  }

.borderright{  border-right:1px solid #ddd;}

 



.events_section{padding:20px 20px 30px 20px; background:#fff;}

.events_section h3{ font-size:20px; border-bottom:none;  font-weight:600;padding:20px 10px; color:#222;}

.events_section .item{padding:0px; background:#fff; border:1px solid #ddd; border-bottom:4px solid #0102d9; margin:0px 10px; color:#333; }

.events_section .item img{ width:90%; margin:0px auto;}

.events_section  h4{ font-size:16px; padding:15px 0px; font-weight:600;}

.events_seciton .item .itemrow{ text-align:center;    width:100%; margin-top:11px;  }

.events_seciton .size15{ font-size:14px;}

.borderright{  border-right:1px solid #ddd;}



.mgm-successbox-section-home{ background: url('bg-skills2.jpg') left fixed; background-size:cover; height:768px;}

.mgm-successbox-section-home .successbox-section-heading{ margin:97% 0px 00px  0px; text-align:center; font-size:40px; color:#fff;}

.mgm-successbox-section-home .successbox{ width:100%; height:384px;   }

.mgm-successbox-section-home .successbox .countsection{ position:absolute;   top:70%; right:20px; }

.mgm-successbox-section-home .successbox .countsection .countingtextdata{margin-top:20px; color:#fff;right:20px; font-size:20px; font-weight:600;}

.mgm-successbox-section-home .successbox .counting{ text-align:right; font-size:60px; color: #FFF;margin-right:0px;padding-bottom:20px;   bottom:10px;}

.mgm-successbox-section-home .successbox-first{ background:rgba(68,37,15,0.8); }

.mgm-successbox-section-home .successbox-second{ background:rgba(101,55,22,0.4); }

.mgm-successbox-section-home .successbox-third{ background:rgba(101,55,22,0.4); }

.mgm-successbox-section-home .successbox-fourth{ background:rgba(68,37,15,0.8); }

.mgm_testimonial{ padding:0px; background:url(bg_people.jpg) fixed no-repeat; background-size:cover;}

.mgm_testimonial .testimonial_slidelayer{padding:40px 0px; background:rgba(129,71,31,0.8);}

.mgm_testimonial .testimonial_slidelayer .testimonial_title{ text-align:center; color:#fff; padding:00px 0px 50px 0px; font-size:18px;}

.slidercircle{ border:1px solid #ddd;   -moz-box-shadow:0px 2px 5px #656D76;box-shadow:0px 2px 5px #656D76;}

 

 .news_section{ padding:40px 0px 10px 0px;} 

 .news_section h2{ font-size:20px; padding:0px 0px 10px 0px; border-bottom:1px solid #ddd;}

.news_section p{ text-align:justify; padding:0px 18px; line-height:180%;} 

 .news-container{ padding:00px 0px 00px 0px; 

  background: #fff; margin:0px 0px 20px 0px; border:1px solid #efefef;}

 .news-container .news_header{padding:10px 0px; background:#0102d9;}

  .news-container .news_header .news_title{ padding:10px 20px; color:#fff; font-weight:600; font-size:18px;}

  .news-container .news_body{ padding:10px 0px 0px 0px;}

  

#ul-info{ margin:0px; padding:0px; width:100%;}

#ul-info li{ margin:0px; padding:00px 15px 0px 10px; list-style:none; color:#333; border-bottom:1px solid #ddd;  display:block; }

#ul-info li .odd{ background:#ddd;}

#ul-info li  .info_icon{ 

 border-radius:6px;

width:40px; height:40px; padding:0px; border:1px solid #ddd; background:#fff;  color:#333; margin-bottom:7px;  margin-top:7px; font-size:20px; text-align:center;line-height:40px; }

#ul-info li  .info_icon i{ margin-top:9px;}



#ul-info li p{ font-style:italic; font-size:12px; margin-top:-10px; line-height:150%; color:#333; padding:0px 0px;}

#ul-info li a{ font-size:13px; font-weight:600; line-height:20px;  color:#0102d9; display:block; padding:9px 0px;   text-decoration:none;}

#ul-info li a .span{ padding:0px 5px; -moz-border-radius:6px;border-radius:6px; font-size:11px; color:#fff;background:#0102d9;  float:right;top:-18px; margin-right:30px; display:inline-block;     }

#ul-info li:hover  { background:#F7F7F7; color:#111  }

.demo1{ height:200px;}



/************************************************************************************/





.mgm_footer{ padding:20px 0px; border-top:2px solid  #0102d9; background:#4D8075; border-bottom:1px solid #572e13;	}

.mgm_footer_bottom{ padding:0px 0px; background:#0102d9;}

.mgm_footer_bottom .text-align-mobile{ text-align:right;}

.mgm_footer_bottom p{ padding:8px 0px 3px 0px; color:#fff; font-weight:bold; font-size:13px;}

.mgm_footer_bottom a{ color:#fff; text-decoration:none; text-align:right;}

 .mgm_footer h5{ border-bottom:1px solid #fff; padding:10px  0px; color:#fff; font-size:16px; font-weight:600;} 

 .mgm_footer  ul { margin:10px 0px; padding:0;}

 .mgm_footer  ul li { list-style:none; padding:0px;}

 .mgm_footer  ul li a{ display:flex; color:#fff; text-decoration:none;	 

 padding:4px 0px; font-size:14px;}

 .mgm_footer  ul li a i{  padding:5px 8px;}

 

 .page_bradcrum{padding:130px 20px;background: rgba(000,00,00, 0.4);}

 .about_us_bradcrum_section{ background:url('../header_bradcrum/about_us.jpg') no-repeat center left; 

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover; }

 

 .contact_us_bradcrum_section{ background:url('../header_bradcrum/contact-us-mgmiom.webp') no-repeat  52% center; 

 -webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

 }

   

 .tech_methodology_bradcrum_section{ background:url('../header_bradcrum/teaching-methodology.webp') no-repeat center  center  ; 

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;}   

   

.skill_development_bradcrum_section{ 

background:url('../header_bradcrum/skill-developments.webp') no-repeat center  center  ;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

 } 

.mgm_trust_bradcrum_section{

	background:url('../header_bradcrum/mgm-trust.webp') no-repeat center 20%     ; 

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

} 



.faculty_bradcrum_section{

background:url('../header_bradcrum/faculty.webp') no-repeat center 35% ; 

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

} 

.infrastructure_bradcrum_section{

background:url('../header_bradcrum/mgm-infrastructure.webp') no-repeat center 35% ; 

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

} 

.career_placement_bradcrum_section{ background:url('../header_bradcrum/career-and-placement.webp')  no-repeat ;

background-position: bottom 00px right 0px;   

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;} 

.research_bradcrum_section{ background:url('../header_bradcrum/research.webp')  no-repeat  center center;  -webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;} 

.program_bradcrum_section{ background:url('../header_bradcrum/resize.jpg')  no-repeat  center center;  -webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;} 



 .message_header{background:url('../header_bradcrum/message-header.jpg') no-repeat center left;-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;}



 .antiragging_bradcrum_section{background:url('../header_bradcrum/anti-ranging.webp') no-repeat center top;-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;}



 .rta_bradcrum_section{background:url('../header_bradcrum/rti_act.webp') no-repeat center center;-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;}



 .naac_bradcrum_section{background:url('../header_bradcrum/naac.webp') no-repeat center center;-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;}



 

 .page_bradcrum .page_heading{ font-size:30px; color:#fff; font-weight:300; margin-bottom:-100px; margin-top:100px;}

 

 .page_bradcrum .page_bradcrum_links{ font-weight:300; margin-bottom:-100px; margin-top:100px;}

 .page_bradcrum .breadcrumb{background: rgba(125,60,22, 0.7);}

 .page_bradcrum .breadcrumb a {

    color: #fff;

    text-decoration: none;

 background-color: transparent;}

  .page_bradcrum .breadcrumb .breadcrumb-item{ color:#fff;} 

  .page_bradcrum .breadcrumb .breadcrumb-item.active  

	{

     color: #fff !important;  

	}

	

	.page_inner_container{ padding:30px 0px;background:#F6F6F6;}

	.page_left{ padding:20px 10px; background:#fff; box-shadow:0px 14px 13px #efefef;}

	.page_left h1,h2,h3,h4,h5,h6{ color:#0102d9; font-weight:600;

	padding:0px 0px 15px 0px; }

	.page_left h1{ font-size:24px;}

	.page_left h2{ font-size:22px;}

	.page_left h3{ font-size:20px;}

	.page_left h4{ font-size:18px;}

	.page_left h5{ font-size:16px;}

	.page_left h6{ font-size:14px;}

	

	.page_left p{ color:#222; padding:10px 0px 20px 0px; font-size:16px;	 text-align:justify; margin-bottom:0px;}

	

	

	.page_left .linkbutton{background:#0102d9; font-size:13px; border-radius:0px; color:#fff; border:none; padding:10px 20px; text-decoration:none;color:#fff; }

	.page_left .linkbutton:hover{background:#5a3115; color:#fff; }

	.page_left img{ margin:10px 0px; width:100%;}

	.bg-theme-color{background:#0102d9;}

	.bg-gray{ background:#fbfbfb;}

	

	

	.page_right{ width:100%; }

	.page_right .page_right_section{ background:#fff; padding:00px 0px 20px 0px;}

	.page_right .page_right_section .page_right_section_header{padding:10px;background:#0102d9; color:#fff; font-size:16px; font-weight:600; }

	.page_right .page_right_section .page_right_body{ padding:10px 10px 0px 10px; }	

	.page_right .page_right_section .page_right_body ul{ margin:0px; padding:0px;}

	.page_right .page_right_section .page_right_body ul li{ padding:0px; list-style:none; border-bottom:1px solid #efefef;}

	.page_right .page_right_section .page_right_body ul li a{ padding:10px 0px; display:flex; color:#333; text-decoration:none;}

	.page_right .page_right_section .page_right_body ul li a .tag{ position:absolute;   right:40px; margin-top:-3px; background:#0102d9; border-radius:6px; padding:0px 8px; color:#fff; font-size:11px;}

	.page_right .page_right_section .page_right_body ul li:last-child { border-bottom: none; }

	.page_right .page_right_section .page_right_body ul li a i{ padding:0px 10px; color:#0102d9}

	.page_right .page_right_section .page_right_body ul li a:hover{

		background:#efefef; color:#333;

	}

	

	

	.page_left .methods_row{ background:#ddd;}

	.page_left .methods_row_left_col{ background:#efe ; width:100%; font-size:16px;   -webkit-writing-mode: vertical-lr; text-align:center;

      -ms-writing-mode: tb-lr;

      writing-mode: vertical-lr;

      text-orientation: upright;

      -webkit-font-feature-settings: "vkrn", "vpal";

      font-feature-settings: "vkrn", "vpal";

 }

	.page_left .methods_row_right_col{ margin-left:-60px; background:#fff; box-shadow:0px 10px 20px #efefef; font-size:30px;  }

	 .page_left .shpae_data{-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);



widht:100%; height:230px; margin:2px; background:#ddd;}

.page_left .shpae_data .content_shape{  position:relative; padding:20px; top:90px; text-align:center; z-index:999; widht:100%;  background:#0102d9; color:#fff;}

 

.page_left .shapeadjuster{ width:98px; height:79px;   float:left:}

.page_left .shift-top-setter{ margin-top:-50px;}





.login_page{ background:#efefef; }

.login_page .login_area{ margin:22% auto; background:#fff; padding:0px; box-shadow:0px 5px 10px #ddd; border:1px solid #efefef;}

.login_page .login_area .login_header{ padding:10px 0px 10px 0px; border-bottom:1px solid #ddd; font-size:20px;}

.login_page .login_area .login_header img{ width:100%;}

.login_page .login_area .login_body_panel{padding:10px 10px 20px 10px;}

.login_page .login_area .login_body_panel label{ padding :4px 0px; font-weight:600;}

.login_page .login_area .login_body_panel .form-control{ border:1px solid #ddd; border-radius:0px;}



.login_page .login_area  .login_panel_footer{ border-top:1px solid #ddd; padding:18px 25px;}

.login_page .login_area  .login_panel_footer .bt-login{ background:#0102d9; color:#fff; padding:6px 15px;}

.login_page .login_area  .login_panel_footer .bt-login:hover{ outline:none; background:#BD6428; color:#ff;}





.pic{ width:100%; position:relative;overflow:hidden; display:inline-block;-webkit-animation:anima 2s;-moz-animation:anima 2s;-o-animation:anima 2s;-ms-animation:anima 2s;animation:anima 2s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}

.pic i{ color:#fff;}

.pic-3d{-webkit-perspective:500;-moz-perspective:500;-o-perspective:500;-ms-perspective:500;perspective:500;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.pic-caption{cursor:default;position:absolute;width:100%;height:100%;background:rgba(112,60,25,0.92);padding:10px;text-align:center;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}.pic-image{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.pic:hover .pic-image{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.pic-title{font-size:1.8em}a,a:hover,.pic .pic-image,.pic-caption,.pic:hover .pic-caption,.pic:hover img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}.pic:hover .bottom-to-top,.pic:hover .top-to-bottom,.pic:hover .left-to-right,.pic:hover .right-to-left,.pic:hover .rotate-in,.pic:hover .rotate-out,.pic:hover .open-up,.pic:hover .open-down,.pic:hover .open-left,.pic:hover .open-right,.pic:hover .come-left,.pic:hover .come-right{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-moz-touch-callout:none;-o-touch-callout:none;-ms-touch-callout:none;touch-callout:none;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;tap-highlight-color:transparent}.bottom-to-top{top:50%;left:0; color:#fff;}.pic:hover .bottom-to-top{top:0;left:0}.top-to-bottom{bottom:50%;left:0}.pic:hover .top-to-bottom{left:0;bottom:0}.left-to-right{top:0;right:50%}.pic:hover .left-to-right{right:0;top:0}.right-to-left{top:0;left:50%}.pic:hover .right-to-left{left:0;top:0}.rotate-in{-webkit-transform:rotate(90deg) scale(0.1);-moz-transform:rotate(90deg) scale(0.1);-o-transform:rotate(90deg) scale(0.1);-ms-transform:rotate(90deg) scale(0.1);transform:rotate(90deg) scale(0.1);top:0;left:0}.pic:hover .rotate-in{color:#fff;-webkit-transform:rotate(360deg) scale(1);-moz-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}.rotate-out{-webkit-transform:rotate(90deg) scale(3);-moz-transform:rotate(90deg) scale(3);-o-transform:rotate(90deg) scale(3);-ms-transform:rotate(90deg) scale(3);transform:rotate(90deg) scale(3);top:0;left:0}.pic:hover .rotate-out{-webkit-transform:rotate(360deg) scale(1);-moz-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}.open-down{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);transform:rotateX(-180deg);top:0;left:0}.pic:hover .open-down{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-o-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}.open-up{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg);top:0;left:0}.pic:hover .open-up{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-o-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}.open-left{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);left:0;top:0}.pic:hover .open-left{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.open-right{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);left:0;top:0}.pic:hover .open-right{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.come-left{-webkit-transform:rotateY(90deg) rotateX(90deg);-moz-transform:rotateY(90deg) rotateX(90deg);-o-transform:rotateY(90deg) rotateX(90deg);-ms-transform:rotateY(90deg) rotateX(90deg);transform:rotateY(90deg) rotateX(90deg);left:0;top:0}.pic:hover .come-left{-webkit-transform:rotateY(0) rotateX(0);-moz-transform:rotateY(0) rotateX(0);-o-transform:rotateY(0) rotateX(0);-ms-transform:rotateY(0) rotateX(0);transform:rotateY(0) rotateX(0)}.come-right{-webkit-transform:rotateY(-90deg) rotateX(-90deg);-moz-transform:rotateY(-90deg) rotateX(-90deg);-o-transform:rotateY(-90deg) rotateX(-90deg);-ms-transform:rotateY(-90deg) rotateX(-90deg);transform:rotateY(-90deg) rotateX(-90deg);left:0;top:0}.pic:hover .come-right{-webkit-transform:rotateY(0) rotateX(0);-moz-transform:rotateY(0) rotateX(0);-o-transform:rotateY(0) rotateX(0);-ms-transform:rotateY(0) rotateX(0);transform:rotateY(0) rotateX(0)}

.layer-1-1{ background:rgba(112,60,25,0.6); padding:30px;margin-top:100px; border-radius:50px;}

.title1{font-size:33px; } 

.layer-1-2{color:#fff;font-size:20px;}



/*************************************************************************************/

/**************************************************/

.testimonials-carousel-content p{ text-align:center; font-size:14px;color:#fff;  }

.slider_container{width:80%;margin:auto;clear:both;background:#333;padding:30px 0 0}

.flex-caption{position:absolute;width:100%;bottom:0;color:#fff}

.caption_title_line{width:100%;font-weight:300;font-size:25px;padding:25px 15px 10px;background:url(../img/slider_caption_bg.png);color:#fff}

.flex-caption h2{color:#fff;font-size:12px;padding:5px 0;margin:0;font-family:inherit}.testimonials-name{text-align:center; font-size:18px;color:#fff}.flex-container a:active,.flexslider a:active{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}

.testimonials-slider{width:100%}

.flexslider{width:100%;margin:0;padding:0 0 30px;background:url(../images/shadow_bottom.png) center bottom no-repeat;position:relative;zoom:1}.flexslider .slides>li{display:block;position:relative;color:#fff}.flexslider .slides img{max-width:100%;display:block;border:0 solid #ededed}

.flex-pauseplay span{text-transform:capitalize}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:inline-block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider .slides{zoom:1}.flex-container{zoom:1;position:relative}.flex-direction-nav li a{width:45px;height:42px;margin:0;display:block;position:absolute;right:0;cursor:pointer;text-indent:-9999px}.flex-direction-nav li a.next{background:url(../images/right.png) center no-repeat;bottom:60px;display:none}.flex-direction-nav li a.prev{background:url(../images/prev.png) center no-repeat;bottom:141px;display:none}.flex-direction-nav li a.next:hover{background:url(../images/next_a.png) center no-repeat;display:none}.flex-direction-nav li a.prev:hover{background:url(../images/prev_a.png) center no-repeat;display:none}.flex-direction-nav li a.disabled{opacity:.3;filter:alpha(opacity=30);cursor:default}.bx-next,.bx-pager,.bx-prev{display:none}.flex-control-nav{width:100%;position:absolute;bottom:-30px;text-align:center}.flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1}.flex-control-nav li:first-child{margin:0}.flex-control-nav li a{width:13px;height:13px;display:block;cursor:pointer;text-indent:-9999px}.flex-control-nav li a:hover{background-position:0 -13px}.flex-control-nav li a.active{background-position:0 -26px;cursor:default}

 

  

/******************* mobile Css*****************/

  

 

@media (min-width: 768px) 

{

	.mgm_name_container img {

    width: 89%;

    height: 98%;

	}

	.mgm_footer_bottom .text-align-mobile{ text-align:right;}

	.page_left .methods_row_left_col

	{ background:#efe ; width:100%; font-size:18px;   -webkit-writing-mode: vertical-lr; 

	text-align:center;-ms-writing-mode:none; writing-mode: none;text-orientation: none; 

	}

	

	

	.mgm_top_header .col-md-3  .col-ms-12 .col-12{  

    -ms-flex: 0 0 25%;

    /* flex: 0 0 25%; */

    width: 100%;

}

 

}

 @media screen and (max-width:768px)

{ 	.mgm_name_container img { width: 70%; }

	.mgm_top_header .col-md-2  .col-ms-12 .col-12{    flex: 0 0 100%;

    max-width: 100%; }

	.img-fluid{   width: 90%; height: 90%;}

	 

 	.home-vision-background .vision-content-right{ text-align:left; height: 400px;

    padding-right: 20px;

    background: #fff; }

	.home-vision-background .vision-content-mid  { width:80%;   }

	.home-vision-background .vision-content-mid-inner{top:20%;width:80%; padding:20px; position:  relative;  } 

	/*.mainmenu .mgm-mobile-menu{ display:block;}

	.mgm-mobile-menu{ display:none;}*/

	 .mgm-mobile-menu{ display:none;}

	.mgm_name_container_middel {

    color: #06c;

    font-size: 15px;

    padding: 20px 0px;

    font-weight: bold;

}

}

 @media screen and (min-width:475px) and (max-width:768px)

{

		.mgm_name_container{ display:block;}

		.mgm-mobile-menu{ display:block;}

}



@media screen and (min-width:425px) and (max-width:768px)

{	

	 .mgm_name_container{ display:block;}

	 .mgm-mobile-menu{ display:block;}

}

 @media screen and (min-width:570px) and (max-width:768px)

{	

	 .mgm_name_container{ display:block;}

	 .mgm-mobile-menu{ display:none;}

	 .news-container 

	 {

		padding: 00px 0px 00px 0px;

		margin: 0px 0px 20px 0px;

		border: 1px solid #efefef;

	}

	.maxheight{ height: 300px; padding:0px 0px 30px 0px; }

	.home-vision-background .vision-content-right { height:auto !important;}

	.mgm-successbox-section-home {  background: url('bg-skills.webp') center ;  height: auto; }

	.mgm-successbox-section-home .successbox-section-heading{ margin:95% 0px 0px  0px; text-align:center; font-size:30px; color:#fff;}	

	.mgm-successbox-section-home .successbox {

    width: 100%;

    height: 220px;

	}

	.mgm-successbox-section-home .successbox .countsection {

    position: absolute;

    top: 50%;

    right: 20px;

}

	.mgm-successbox-section-home .successbox .counting {

    text-align: right;

    font-size: 50px;

    color: #FFF;

    margin-right: 0px;

    padding-bottom: 10px;

    margin-bottom: 0px;

    bottom: 4px;

	}

	.mgm-successbox-section-home .successbox .countsection .countingtextdata {

    margin-top: 20px;

    color: #fff;    text-align: right;

    right: 0px;

    font-size: 14px;

    font-weight: 600;

}

}



 

 @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

 

 

 .mgm_news_program_events .program_box{   margin-bottom:20px; background:#fff; border-radius:4px; border:1px solid #F3F3F3; padding:10px 0px 15px 0px;    box-shadow: 0 0px 0px rgba(230,230,230,0.6); 

  transition: box-shadow 0.3s ease-in-out;}	 

	 .mgm-successbox-section-home { background: url('bg-skills2.jpg') center ; background-size:cover; height: auto; }	

	 .mgm-successbox-section-home .successbox-section-heading{ margin:30% 0px 0px  0px; text-align:center; font-size:20px; color:#fff; line-height:30px}	

	 .mgm_admission_container {

			margin: 10% auto 0px auto; 

			z-index: 9999;

			padding: 30px 10px;

		}

	 .admission_text_container {

				z-index: 9999;

				  margin: 10% auto;  

				line-height: normal;

				padding: 00px 30px;

				text-align: center;

				color: #fff;

				font-size: 36px;

				width: 100%;

			} 

	  .admission_text_container a{ color:#fff; text-decoration:none;  display:block;}

	.news-container .news_body{ height:auto;}

	.home-vision-background .vision-content-mid-inner{top:20%;width:80%; padding:20px; position:  relative; text-align:justify;  } 

	.mgm_name_container_middel{ color:#222; font-size:18px;padding:20px 0px; text-align:center;} 

	.header_container{  

	position: relative;

	top: 0;

	left: 0;

	width: 100%;

	height: auto;

	z-index: 9; 

	}

	/*.nivoSlider {

	position:relative;

	width:100%;

	height:200px !important ;

	overflow: hidden;

	}	*/

	.mgm_footer_bottom .text-align-mobile{ text-align:left;}

	.mgm_top_header .top_border_for_mobile{ border-bottom:1px solid #0102d9;}

	.mgm_top_header .top_border_for_mobile_links{ border-top:1px solid #333;}

	.navbar-expand-lg .navbar-nav .nav-link { font-weight:600;padding-right:13px;padding-left:13px;} 

	.layer-1-1{ background:rgba(112,60,25,0.6); padding:10px;margin-top:0px; border-radius:50px;}

	.title1{font-size:13px; } 

	.layer-1-2{color:#fff;font-size:12px;}

	.page_bradcrum{padding:80px 20px;background: rgba(000,00,00, 0.4);}

	.page_bradcrum .page_heading{ font-size:30px; color:#fff; font-weight:300; margin-bottom:-50px; margin-top:50px;} 

	.page_bradcrum .page_bradcrum_links{ font-weight:300; margin-bottom:-70px; margin-top:70px;}

	.page_left .nav-tabs .nav-item .nav-link{ border-radius:0px; border:1px solid #ddd; padding:10px 10px; margin-right:1px;   margin-bottom:10px;} 

	.page_left .nav-tabs .nav-item .nav-link img{ border-radius:100px; width:30px; height:30px; margin-right:0px;} 

	.news-container {

	padding: 00px 0px 00px 0px;

	margin: 0px 0px 20px 0px;

	margin: 0px 0px 20px 0px;

	rder: 1px solid #efefef;

	}



}

 

 

/* Smartphones (landscape) ----------- */

@media only screen and (min-width : 321px) {

	

	 

.header_container{  

position: relative;

    top: 0;

    left: 0;

    width: 100%;

    height: auto;

    z-index: 9; 

	}

	/*.nivoSlider {

	position:relative;

	width:100%;

	height:200px !important ;

	overflow: hidden;

	}*/

	 

 .mgm_footer_bottom .text-align-mobile{ text-align:right;}

 .mgm_top_header .top_border_for_mobile{ border-bottom:1px solid #0102d9;}

 .navbar-expand-lg .navbar-nav .nav-link { font-weight:600;padding-right:13px;padding-left:13px;}

 

  .layer-1-1{ background:rgba(112,60,25,0.6); padding:10px;margin-top:0px; border-radius:50px;}

.title1{font-size:13px; } 

.layer-1-2{color:#fff;font-size:12px;}

.page_bradcrum{padding:80px 20px;background: rgba(000,00,00, 0.4);}



.page_bradcrum .page_heading{ font-size:30px; color:#fff; font-weight:300; margin-bottom:-50px; margin-top:50px;}

 

 .page_bradcrum .page_bradcrum_links{ font-weight:300; margin-bottom:-70px; margin-top:70px;}

 



.page_left .nav-tabs .nav-item .nav-link img{   width:30px; height:30px; margin-right:0px;}



 

}

 

/* Smartphones (portrait) ----------- */

@media screen and (max-width:320px)

{		.mgm_top_header ul li a{ font-size:9px;}

	.home-vision-background .vision-content-right .text-alignt-left{ text-align:left;}

	.home-vision-background .vision-content-right .text-alignt-right{ text-align:left;}

	.maxheight{   padding:0px 0px 30px 0px; }

	.home-vision-background .vision-content-right{ text-align:left; height:100%;background:#fff;}

	.home-vision-background .vision-content-mid  { width:80%;   }

	.home-vision-background .vision-content-mid-inner{top:20%;width:80%; left: 05px; padding:20px; position:  relative;  } 

	 .mgm_top_header .top_border_for_mobile_links{ border-top:1px solid #5a3116;}

	.news-container .news_body{ height:440px;}	

	.carousel-caption {

	position: absolute;

	right: 15%; bottom: 5px;  left: 15%;  z-index: 10;   padding-top: 20px;

	/* padding-bottom: 20px; */  color: #fff;  text-align: center;

	}

	.mgm_name_container_middel{ color:#06c; font-size:5px;padding:20px 0px;    font-weight:bold;} 

	.page_left .shpae_data{-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);



	widht:50%; margin:10px auto; height:230px;   background:#ddd; } 

	.news-container {

	padding: 00px 0px 00px 0px;

	margin: 0px 0px 20px 0px;

	margin: 0px 00px 20px 0px;

	rder: 1px solid #efefef;

	}

	.header_container{  

	position: relative;

	top: 0;

	left: 0;

	width: 100%;

	height: auto;

	z-index: 9;}

	.mgm_top_header .top_border_for_mobile_links{ border-top:1px solid #0102d9;}

	.mgm_top_header .top_border_for_mobile{ border-bottom:1px solid #0102d9;}

	.navbar-expand-lg .navbar-nav .nav-link { font-weight:600;padding-right:13px;padding-left:13px;}

	.layer-1-1{ background:rgba(112,60,25,0.6); padding:10px;margin-top:0px; border-radius:50px;}

	.title1{font-size:13px; } 

	.layer-1-2{color:#fff;font-size:12px;}

	.page_bradcrum{padding:80px 20px;background: rgba(000,00,00, 0.4);}

	.page_left .nav-tabs .nav-item .nav-link{  padding:4px 50px;     width:100%; }

	.mgm-successbox-section-home {background: url('bg-skills2.jpg') center ;background-size:cover;  height: auto; }	

	 .mgm-successbox-section-home .successbox-section-heading{ margin:30% 0px 0px  0px; text-align:center; font-size:20px; color:#fff; line-height:30px}	

	 .mgm_admission_container {

			margin: 10% auto 0px auto; 

			z-index: 9999;

			padding: 30px 10px;

		}

	 .admission_text_container {

				z-index: 9999;

				  margin: 10% auto;  

				line-height: normal;

				padding: 00px 30px;

				text-align: center;

				color: #fff;

				font-size: 36px;

				width: 100%;

			} 

			 

	  .admission_text_container a{ color:#fff; text-decoration:none;  display:block;}

} 

 

 @media screen and (min-width:320px) and (max-width:570px)

	{

	  .mgm_admission_container .admission_block {

			border-radius: 70px;

			text-align: center;

			background: #fff;

			margin: 0px 10px;

		}

	  .mgm_top_header .top_border_for_mobile_links{ border-top:1px solid #5a3116;}

	.mgm-successbox-section-home .successbox{ width:100%; height:170px;   }

	.mgm-successbox-section-home .successbox .countsection{ position:absolute;   top:30%; right:20px; }

	.mgm-about-section-home-mission{ background:rgba(42,42,42,0.8);  height:auto}

	.mgm-about-section-home-mission .vision-contents{ color:#fff !important;  padding:30px 10px 30px 0px; margin:0% 0px 0px 0px ;  }

	.mgm_name_container{ display:none;}

	.mgm-mobile-menu{ display:block;}

	.mgm_top_header ul li a{padding: 10px 22px; font-size:12px; text-align:center;}

	.mgm_top_header .mail_section i{ padding:10px 2px;}

	.mgm_top_header .mail_section 

	{

		color: #fff;

		font-weight: 400; font-size:14px;

		padding: 5px 8px 5px 0px;

		float: left;

	}

	.home-vision-background .vision-content-right .text-alignt-left{ text-align:left;}

	.home-vision-background .vision-content-right .text-alignt-right{ text-align:left;}

	.maxheight{ height: auto; padding:0px 0px 30px 0px; }

	.home-vision-background .vision-content-right{text-align:left; padding:30px 10px; margin-top:00%; margin-bottom:00%;  

	position:relative; background:#fff; margin-right:0px; height:auto;}

	.home-vision-background .vision-content-mid  { width:100%;   }

	.home-vision-background .vision-content-mid-inner{ width:90%; left:5px; padding:10px 00px 0px 20px; position:  relative;  } 

	.mgm-successbox-section-home { background: url('bg-skills2.jpg') center fixed ; background-size:cover; height: auto; }	

	 .mgm-successbox-section-home .successbox-section-heading{ margin:20% 0px 80px  0px; text-align:center; font-size:30px; color:#fff; line-height:30px}	

	  .mgm_admission_container {

			margin: 0 auto 0px auto; 

			z-index: 9999;

			padding: 10px 10px;

		}

	 .admission_text_container {

				z-index: 9999;

				  margin: 10% auto;  

				line-height: normal;

				padding: 00px 30px;

				text-align: center;

				color: #fff;

				font-size: 36px;

				width: 100%;

			} 

			 

	  .admission_text_container a{ color:#fff; text-decoration:none;  display:block;}

}

 

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 

{ 

	 	

	.col-md-2  .col-ms-12 .col-12{ width:100%; background:#333; }

	.news-container .news_body{ height:450px; }

	.mgm_why_details_section_part .part_l_side  {  height:530px;  }

	.mgm_why_details_section_part .part_r_side {   height:530px;} 

	.mgm_name_container  img{ width:100%;} 

	.mgm-mobile-menu{display:none;}

	.mgm_name_container_middel{   font-size:15px;padding:20px 0px;    font-weight:bold;}

	.ft_sz14{ font-size:12px; font-weight:600;}

	.mgm_top_header .top_border_for_mobile_links{ border-top:1px solid #0102d9;}

	.navbar-expand-lg .navbar-nav .nav-link 

	{color:#333; font-weight:600;padding-right:13px;padding-left:13px;} 

	.page_bradcrum{padding:140px 20px;background: rgba(000,00,00, 0.4);}

	.page_left .nav-tabs .nav-item .nav-link{ border-radius:0px; border:1px solid #ddd; padding:10px 10px; margin-right:1px; margin-bottom:10px;}

	.mobile-hexa-item{ margin:20px 20px 70px 0px;  }

}



/* iPads (landscape) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	.mgm-mobile-menu{display:none;}

	.navbar-expand-lg .navbar-nav .nav-link {  font-weight:600;padding-right:13px;padding-left:13px;}

	.slider-area img{ width:100%;}

	.mgm_footer_bottom .text-align-mobile{ text-align:right;}

	.layer-1-1{ background:rgba(112,60,25,0.6); padding:10px;margin-top:100px; border-radius:50px;}

	.title1{font-size:33px; } 

	.layer-1-2{color:#fff;font-size:22px;}

	.page_bradcrum{padding:140px 20px;background: rgba(000,00,00, 0.4);}

	.page_left .nav-tabs .nav-item .nav-link{ border-radius:0px; border:1px solid #ddd; padding:10px 10px; margin-right:1px; margin-bottom:10px;}

	.vision-content-right {    height: 300px !important;}

	.home-vision-background .vision-content-mid-inner { top: 15%; }

	.news-container .news_body{ height:320px; }

}



/* iPads (portrait) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

 .navbar-expand-lg .navbar-nav .nav-link {  font-weight:600;padding-right:13px;padding-left:13px;}

  

	.slider-area img{ width:100%;}

.mgm_footer_bottom .text-align-mobile{ text-align:right;}

.layer-1-1{ background:rgba(112,60,25,0.6); padding:10px;margin-top:100px; border-radius:50px;}

.title1{font-size:33px; } 

.layer-1-2{color:#fff;font-size:22px;}

.page_bradcrum{padding:140px 20px;background: rgba(000,00,00, 0.4);}

.page_left .nav-tabs .nav-item .nav-link{  padding:10px 20px; margin-right:1px; }	

.mobile-data{ margin:20px 20px 50px 0px; background:#333; }

}

/**********

iPad 3

**********/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {



.navbar-expand-lg .navbar-nav .nav-link {  font-weight:600;padding-right:13px;padding-left:13px;}

 

.slider-area img{ width:100%;}

.layer-1-1{ background:rgba(112,60,25,0.6); padding:10px;margin-top:100px; border-radius:50px;}

.title1{font-size:33px; } 

.layer-1-2{color:#fff;font-size:22px;}

.page_bradcrum{padding:140px 20px;background: rgba(000,00,00, 0.4);}

.page_left .nav-tabs .nav-item .nav-link{ border-radius:0px; border:1px solid #ddd; padding:10px 20px; margin-right:1px; margin-bottom:10px;}

.mgm_footer_bottom .text-align-mobile{ text-align:right;}

}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) { 



  .mgm_why_details_section_part .part_l_side  {  height:330px;   }

	.mgm_why_details_section_part .part_r_side {   height:330px;} 



 .navbar-expand-lg .navbar-nav .nav-link {color:#333; font-weight:600;padding-right:13px;padding-left:13px;}

 /*.nivoSlider {

		position:relative;

		width:100%;

		height:550px !important;

		overflow: hidden;

	}*/

	.slider-area img{ width:100%;}

	.layer-1-1{ background:rgba(112,60,25,0.6); padding:10px;margin-top:100px; border-radius:50px;}

.title1{font-size:33px; } 

.layer-1-2{color:#fff;font-size:22px;}

	 

}

/* Desktops and laptops ----------- */

@media only screen  and (min-width : 1224px) 

{

	.mgm_name_container{ display:block;}

	.mgm-mobile-menu{ display:none;}

	.mgm_why_details_section_part .part_l_side  {  height:400px;  }

	.mgm_why_details_section_part .part_r_side {   height:400px;padding-bottom:50px} 

	.navbar-expand-lg .navbar-nav .nav-link {  font-weight:600;padding-right:13px;padding-left:13px;}	

	.slider-area img{ width:100%;}

	.layer-1-1{ background:rgba(112,60,25,0.6); padding:30px;margin-top:100px; border-radius:50px;}

	.title1{font-size:33px; } 

	.layer-1-2{color:#fff;font-size:22px;}

	.page_bradcrum{padding:110px 20px;background: rgba(000,00,00, 0.2);}

	.page_bradcrum .page_heading{ font-size:30px; color:#fff; font-weight:300; margin-bottom:-120px; margin-top:120px;} 

	.page_bradcrum .page_bradcrum_links{ font-weight:300; margin-bottom:-100px; margin-top:100px;}

}



/* Large screens ----------- */

@media only screen  and (min-width : 1824px) 

{

		.mgm_name_container{ display:block;}

		.mgm-mobile-menu{ display:none;}

		.mgm_why_details_section_part .part_l_side  {  height:330px;  }

		.mgm_why_details_section_part .part_r_side {   height:330px;} 

		.navbar-expand-lg .navbar-nav .nav-link {  font-weight:600;padding-right:13px;padding-left:13px;}

		/*.nivoSlider {

		position:relative;

		width:100%;

		height:550px !important;

		overflow: hidden;

		}*/

		.slider-area img{ width:100%;}

		.layer-1-1{ background:rgba(112,60,25,0.6); padding:30px;margin-top:100px; border-radius:50px;}

		.title1{font-size:33px; } 

		.layer-1-2{color:#fff;font-size:22px;}

}

@media only screen and (min-device-width : 829px) and (max-device-width : 2568px)

{

	.admission_text_container {

    z-index: 9999;

    margin: 30% auto;

    line-height: normal;

    padding: 00px 30px;

    text-align: center;

    color: #fff;

    font-size: 36px;

    width: 100%;

}

.mgm_admission_container {

    margin: 30% auto 0px auto;

    z-index: 9999;

    padding: 30px 10px;

}

.admission_holder {

    background: url(courses_1.webp) fixed;

    margin-top: 0px;

    background-size: cover;

   

 

}

}

/**/

/* page title */

/**/

.page-title {

  text-align: center;

}

.page-title h1{

  margin-bottom: 30px;

  margin-top: 60px;

  font-size: 24px;

  font-weight: 400;

  font-family: 'Raleway';

  color: #f27c66;

  background-color: #f0f0f0;

  padding: 0 50px;

  display: inline-block;

  line-height: 55px;

  text-transform: none;

  border-top-left-radius: 10px;

  -ms-border-top-left-radius: 10px;

  -moz-border-top-left-radius: 10px;

  -webkit-border-top-left-radius: 10px;

  border-bottom-right-radius: 10px;

  -ms-border-bottom-right-radius: 10px;

  -moz-border-top-left-radius: 10px;

  -webkit-border-bottom-right-radius: 10px;

}



.page-title a{



  color: #fff;



  }

.page-title nav {

  text-transform: uppercase;

  color: #fff;

  padding: 14px 0;

}

.page-title .bread-crumb i{

  padding: 0 10px;

}

.page-title .bread-crumb a {

  text-transform: capitalize;

}

.page-content {

  padding: 40px 0;

  font-size: 16px;

}



.page-content h1{

  margin-bottom: 10px;

  margin-top: 10px;

  font-size: 24px;

  font-weight: 600;

}





/**/

/* Tabs */

/**/

.block-tabs-btn {

  margin-bottom: -1px;

}

.picture + .tabs {

  margin-top: 40px;

}

hr + .tabs {

  margin: 40px 0;

}

.tabs .tabs-btn {

  float: left;

  height: 40px;

  padding: 0 25px;

  line-height: 40px;

  text-align: center;

  font-size: 0.928em;

  cursor: pointer;

  border-left: 1px solid #E6E6E6;

  border-right: 1px solid #E6E6E6;

  border-top: 2px solid #E6E6E6;

  border-top-left-radius: 2px;

  -ms-border-top-left-radius: 2px;

  -moz-border-top-left-radius: 2px;

  -webkit-border-top-left-radius: 2px;

  border-top-right-radius: 2px;

  -ms-border-top-right-radius: 2px;

  -moz-border-top-right-radius: 2px;

  -webkit-border-top-right-radius: 2px;

  transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

.tabs-btn + .tabs-btn {

  margin-left: 2px;

}

.tabs h3 {

  font-family: "Raleway";

  font-weight: 500;

}

.tabs-btn.active {

  border-top-color: #18bb7c;

  color: #333333;

  background-color: #ffffff;

}

.tabs-btn.active span {

  background-color: #6aa2de;

  color: #ffffff;

}

.tabs .container-tabs:not(.active) {

  display: none;

}

.tabs .tabs-keeper {

  padding: 20px;

  border: 1px solid #E6E6E6;

}

.tabs .container-tabs>img {

  float: left;

  border: 1px solid #cfcfcf;

  padding: 3px;

  background-color: #ffffff;

  margin-right: 18px;

}

.tabs h6 {

  margin-top: 0;

  clear: none;

}



@media screen and (max-width: 980px){

  .tabs .tabs-btn {

    padding: 0 20px;

  }

  .container-tabs .columns-col.columns-col-4 {

    width: 33.33%;

    margin-top: 0;

  }

}

@media screen and (max-width: 767px){

  .tabs .tabs-btn {

    padding: 0 6px;

  }

}

@media screen and (max-width: 480px){

  .container-tabs .columns-col.columns-col-4 {

    width: 100%;

  }

  .container-tabs .columns-col.columns-col-4 .count-of {

    width: 49%;

    display: inline-block;

  }

  .tabs .tabs-btn {

    float: none;

    margin-left: 0 !important;

  }

}





/**/

/* widget search */

/**/

.widget-search form {

  position: relative;

}

.widget-search hr + form {

  margin-top: 20px;

}

.widget-search form input[type='search'] {

  border: 1px solid #e1e1e1;

  line-height: 34px;

  height: 36px;

  padding: 0 10px;

  padding-right: 50px;

  width: 100%;

  margin-bottom: 10px;

}

.widget-search form .search-submit {

  position: absolute;

  top: 0;

  right: 0;

  width: 36px;

  line-height: 32px;

  height: 36px;

  color: #ffffff;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  border: 2px solid #18bb7c;

  background-color: #18bb7c;

  font-weight: 500;

  cursor: pointer;

  transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

.widget-search form .search-submit:hover {

  background: transparent;

  color: #18bb7c;

}

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute;

}



/**/

/* widget course details */

/**/

.widget-lector-info {

  background-color: #eaeaea;

  padding: 15px;

}

.widget-course-details>p {

  margin-bottom: 5px;

}

.widget-course-details .star-rating {

  margin-bottom: 15px !important;

}

.widget-course-details .count-users {

  float: right;

  line-height: 1;

}

.widget-course-details .count-users span {

  color: #333e4f;

}



/**/

/* widget categories */

/**/

.widget-meta li,

.widget-archives li,

.widget-categories li {

  padding: 0;

}

.widget-meta li,

.widget-archives li,

.widget-categories li{

  border-top: 1px solid #e1e1e1;

  transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

.widget-meta li:first-child,

.widget-archives li:first-child,

.widget-categories li:first-child {

  border-top: 0;

}

.widget-meta li:last-child,

.widget-archives li:last-child,

.widget-categories li:last-child {

  border-bottom: 1px solid #e1e1e1;

}

.widget-meta li:before,

.widget-archives li:before,

.widget-categories li:before{

  display: none;

}

.widget-meta li a,

.widget-archives li a,

.widget-categories li a{

  display: block;

  padding: 6px 0px 6px 30px;

}

.widget-meta li a span,

.widget-archives li a span,

.widget-categories li a span {

  color: #8f96a2;

  transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

.widget-meta li a:before,

.widget-archives li a:before,

.widget-categories li a:before{

  content: "√";

  position: absolute;

  left: 10px;

  color: #18bb7c;

  font-weight: 700;

  transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

.widget-meta li:hover,

.widget-archives li:hover,

.widget-categories li:hover {

  border-color: transparent;

}

.widget-meta li:hover + li,

.widget-archives li:hover + li,

.widget-categories li:hover + li {

  border-color: transparent;

}

.widget-meta li a:hover,

.widget-archives li a:hover,

.widget-categories li a:hover{

  background-color: #18bb7c;

  color: #ffffff;

}

.widget-meta li:hover>a:before,

.widget-archives li:hover>a:before,

.widget-archives li a:hover>span,

.widget-categories li:hover>a:before,

.widget-categories li a:hover>span{

  color: #ffffff;

}



/**/

/* widget recent post */

/**/

aside h2,

.quotes-carousel h2 {

  font-size: 24px;

  float: left;

  margin-bottom: 10px;

}

aside>h2 + *:not(.carousel-nav),

.quotes-carousel h2 + *:not(.carousel-nav){

  clear: both;

}

aside .carousel-button .prev,

aside .carousel-button .next,

.widget-instructor .carousel-button .prev,

.widget-instructor .carousel-button .next {

  width: 22px;

  height: 22px;

  line-height: 22px;

}

aside article,

.widget-instructor article {

  border-bottom: 1px solid #e1e1e1;

  padding: 20px 0;

}

aside h2 + article {

  padding-top: 0;

}

section.widget-instructor article:last-child{

  border-bottom: 0;

}

.widget-post img,

.widget-instructor img {

  max-width: 100%;

  float: left;

  margin-right: 10px;

  border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

}

.widget-instructor img.avatar-small {

  width: 60px;

  margin-bottom: 0;

}

.widget-course img {

  margin-bottom: 15px;

  border-radius: 4px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

}

.widget-post .course-date,

.widget-instructor .course-date,

.widget-course .course-date {

  color: #f27c66;

}

.widget-post h4,

.widget-instructor h4,

.widget-course h4 {

  font-size: 15px;

  font-family: "Raleway";

  font-weight: 500;

  clear: none;

  color: #333333;

  text-transform: none;

  margin-top: 0;

  margin-bottom: 5px;

}

.widget-post p,

.widget-instructor p,

.widget-course p {

  margin-bottom: 5px;

}

.widget-course .course-date {

  padding-bottom: 15px;

}



/**/

/* widget event */

/**/

.widget-event .date {

  width: 60px;

  height: 60px;

  line-height: 30px;

  float: left;

  background-color: #ebebeb;

  text-align: center;

  margin-right: 8px;

  overflow: hidden;

  color: #5f5f5f;

}

.widget-event .date .day {

  background-color: #f27c66;

  color: #ffffff;

  font-size: 24px;

}

.widget-event .event-description span {

  padding-bottom: 8px;

  display: block;

  line-height: 1;

  color: #f27c66;

}

.event-description p {

  margin-bottom: 0;

}



/**/

/* widget comments*/

/**/

.widget-comments .header-comments {

  position: relative;

  padding-left: 30px;

  padding-bottom: 3px;

}

.widget-comments .header-comments:before{

  content: '\201c';

  font-family: "Arial";

  font-size: 48px;

  position: absolute;

  left: 0;

  top: 0px;

  line-height: 51px;

  width: 25px;

  text-align: center;

  height: 25px;

  color: #ffffff;

  background-color: #f27c66;

  display: inline-block;

}

.widget-comments .header-comments .date {

  display: inline-block;

  color: #f27c66;

}

.widget-comments .header-comments .author {

  display: inline-block;

  color: #333333;

}

.widget-comments .comments {

  margin-top: 0;

}

.widget-comments .comment {

  margin-top: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid #e1e1e1;

}



/**/

/* widget text */

/**/

.widget-text strong {

  font-size: 15px;

}



/**/

/* widget rss */

/**/

.widget-rss .subscribe-form {

  padding: 15px 0 0 0;

}

.widget-rss .subscribe-form form {

  position: relative;

  z-index: 1;

  border-radius: 2px;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  overflow: hidden;

}

.widget-rss .subscribe-form form input {

  width: 100%;

  background-color: #ffffff;

  line-height: 30px;

  height: 30px;

  padding: 0 70px 0 6px;

  border: 1px solid #e1e1e1;

}

.widget-rss .subscribe-form form .button-send {

  position: absolute;

  z-index: 1;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  border: 2px solid #18bb7c;

  top: 0;

  right: 0;

  background-color: #18bb7c;

  color: #ffffff;

  font-weight: 500;

  display: block;

  height: 100%;

  width: 70px;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.widget-rss .subscribe-form form .button-send:hover {

  background-color: transparent;

  color: #595959;

}



/**/

/* widget popular course */

/**/

.course-item + .course-item {

  margin-top: 20px;

}

.widget-popular .popular-item,

.course-item {

  border-radius: 4px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.widget-popular img,

.course-item img {

  width: 100%;

  position: relative;

  z-index: 1;

  transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

.widget-popular .course-name,

.course-item .course-name {

  display: block;

  background-color: #333333;

  padding: 10px;

}

.grid-col-4 .course-item .course-name {

  padding: 10px 24px;

}

.widget-popular .course-name h3,

.widget-popular .course-name .price,

.course-item .course-name h3,

.course-item .corse-name .price {

  display: inline;

  font-size: 15px;

  clear: none;

  color: #ffffff;

  margin: 0;

  font-weight: 400;

  font-family: "Raleway";

}

.widget-popular .course-name .price,

.course-item .course-name .price {

  float: right;

  color: #ffffff;

}

.widget-popular .course-date,

.course-item .course-date {

  padding: 20px 10px;

  color: #ffffff;

  font-size: 14px;

  font-weight: 500;

}

.grid-col-4 .course-item .course-date {

  padding: 20px 24px;

}

.widget-popular .course-date .day,

.course-item .course-date .day {

  display: inline-block;

}

.widget-popular .course-date .time,

.course-item .course-date .time {

  float: right;

}

.widget-popular .course-date i,

.course-item .course-date i {

  margin-right: 4px;

}

.course-item .divider {

  width: 70px;

  height: 2px;

  clear: both;

  background-color: #ffffff;

  margin: 15px auto;

}

.course-item .description {

  text-align: center;

  font-size: 15px;

  font-weight: 400;

}

.course-item .course-hover {

  position: relative;

  z-index: 1;

  width: 100%;

  overflow: hidden;

}

.course-hover .hover-bg {

  position: absolute;

  z-index: 1;

  opacity: 0;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

.course-hover a {

  display: inline-block;

  border: 2px solid #ffffff;

  border-radius: 4px;

  white-space: nowrap;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  color: #ffffff;

  position: absolute;

  background-color: rgba(0, 0, 0, 0.1);

  top: 50%;

  left: 50%;

  z-index: 3;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  line-height: 20px;

  font-size: 15px;

  padding: 8px 30px;

  overflow: hidden;

  opacity: 0;

  transform: translate(-50%, -50%) scale(0.5);

  -ms-transform: translate(-50%, -50%) scale(0.5);

  -moz-transform: translate(-50%, -50%) scale(0.5);

  -webkit-transform: translate(-50%, -50%) scale(0.5);

  transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

.course-hover a:hover {

  background-color: rgba(255,255,255,0.3);

}

.carousel-container .course-hover a {

  padding: 8px 15px;

}

.course-item .course-hover:hover .hover-bg {

  opacity: 0.6;

}

.course-item .course-hover:hover img {

  transform: scale(1.1);

  -ms-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  transition: all 4s;

  -ms-transition: all 4s;

  -moz-transition: all 4s;

  -webkit-transition: all 4s;

}

.course-hover:hover a {

  opacity: 1;

  /*zoom: 1;*/

  transform: translate(-50%, -50%) scale(1);

  -ms-transform: translate(-50%, -50%) scale(1);

  -moz-transform: translate(-50%, -50%) scale(1);

  -webkit-transform: translate(-50%, -50%) scale(1);

}



/**/

/* widget sidbar navigation & widget page */

/**/

.widget-navigation ul{

  overflow: hidden;

}

.widget-navigation h4 {

  float: none;

}

.widget-navigation>ul {

  border: 1px solid #e1e1e1;

}

.widget-navigation li,

.widget-pages li {

  padding-left: 0;

  overflow: hidden;

  border-bottom: 1px solid #e1e1e1;

}

.widget-pages>ul>li li:first-child,

.widget-navigation>ul>li li:first-child {

  border-top: 1px solid #e1e1e1;

}

.widget-pages li:last-child,

.widget-navigation li:last-child {

  border-bottom: 0;

}

.widget-navigation a,

.widget-pages a {

  display: block;

  padding: 6px 0 6px 0;

}

.widget-navigation li:before,

.widget-pages li:before{

  display: none;

}

.widget-navigation li.has-child:before,

.widget-pages li.has-child:before{

  display: block;

  content: "+";

  font-size: 20px;

  top: 0;

  width: 40px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  cursor: pointer;

  transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

.widget-navigation li.active:before,

.widget-pages li.active:before{

  content: "-"

}

.widget-navigation>ul>li>a,

.widget-pages>ul>li>a{

  padding-left: 40px;

}

.widget-navigation>ul>li>ul>li>a,

.widget-pages>ul>li>ul>li>a{

  padding-left: 60px;

}

.widget-navigation>ul>li>ul>li>ul>li>a,

.widget-pages>ul>li>ul>li>ul>li>a{

  padding-left: 70px;

}

.widget-pages>ul{

  border-bottom: 1px solid #e1e1e1;

}

.widget-pages ul a:hover{

  color: #f27c66;

}

.widget-navigation>ul>li.hover>a,

.widget-navigation>ul>li:hover>a,

.widget-navigation>ul>li.active{

  background-color: #f27c66;

  color: #ffffff;

}

.widget-navigation>ul>li.hover>:before,

.widget-navigation>ul>li.active:before,

.widget-navigation>ul>li:hover:before,

.widget-navigation>ul>li>ul>li:before{

  color: #ffffff

}

.widget-navigation>ul>li>ul>li.hover:before,

.widget-navigation>ul>li>ul>li:hover:before,

.widget-navigation>ul>li>ul>li.active:before{

  color: #f27c66;

}

.widget-navigation>ul>li>ul {

  background-color: #f27c66;

}



.widget-navigation>ul>li>ul>li{

  color: #ffffff;

}

.widget-navigation>ul>li>ul>li.hover>a,

.widget-navigation>ul>li>ul>li:hover>a,

.widget-navigation>ul>li>ul>li.active{

  background-color: #eaeaea;

  color: #f27c66;

}

.widget-navigation>ul>li>ul>li>ul{

  background-color: #eaeaea;

}

.widget-navigation>ul>li>ul>li>ul>li.hover>a{

  color: #f27c66;

}

.widget-navigation>ul>li ul,

.widget-pages>ul>li ul{

  display: none;

}

.widget-pages>ul>li.active>ul{

  display: block;

}



/**/

/* widget twitter */

/**/

.twitter {

  color: inherit;

}

.twitter li {

  padding: 15px 0 15px 0;

  border-bottom: 1px solid #e1e1e1;

}

.twitter p a {

  text-decoration: none;

}

.twitter p a:hover {

  text-decoration: underline;

}

.twitter li p {

  margin-left: 65px;

}

.twitter .fa-twitter {

  width: 57px;

  height: 57px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  text-align: center;

  line-height: 55px;

  color: #f27c66;

  font-size: 27px;

  border: 2px solid #f27c66;

  margin-top: 6px;

  float: left;

}

.twitter ul {

  margin: 0;

}

.twitter li:before{

  display: none;

}

.tweet_time a {

  color: black;

}

.twitter.alt {

  text-align: center;

  font-size: 22px;

}

.twitter.alt .fa-twitter {

  width: 80px;

  height: 80px;

  line-height: 78px;

  font-size: 44px;

  border: 1px solid #f27c66;

  float: none;

  margin-bottom: 35px;

  margin-top: 0;

}

.twitter.alt li {

  padding: 0;

}

.twitter.alt li p {

  margin-left: 0;

  color: #ffffff;

}

.twitter.alt li p .tweet_time:before{

  content: "";

  display: block;

  width: 40px;

  height: 1px;

  background-color: #fff;

  margin: 12px auto 3px auto;

  opacity: 0.2;

}

.twitter.alt li p .tweet_time a {

  color: #fff;

  font-size: 16px;

  line-height: 0.8;

  text-decoration: none;

}

.twitter.alt p a {

  text-decoration: none;

}

.twitter-carousel.twitter ul li:after{

  content: "";

  display: table;

  clear: both;

}



/**/

/* twitter-1 */

/**/

.twitter-1 i.twitt {

  width: 70px;

  height: 70px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  border: 3px solid #ffffff;

  line-height: 64px;

  font-size: 40px;

  color: #ffffff;

}

.twitter-1 p {

  color: #ffffff;

  font-size: 18px;

}

.twitter-1 p a {

  color: #5f5f5f;

  text-decoration: none;

}

.twitter-1 p span.tweet_time a {

  color: #ffffff;

}

.twitter-1 li {

  padding: 0;

}

.twitter-1 li:before {

  display: none;

}



/**/

/* widget flickr */

/**/

.widget-flickr {

  border-bottom: 1px solid #e1e1e1;

  padding-bottom: 10px;

}

.widget-flickr ul {

  margin: 0;

}

#flickr-badge li{

  position: relative;

  width: calc(33.33% - 6.7px);

  width: -moz-calc(33.33% - 6.7px);

  padding-bottom: calc(30.03%);

  padding-bottom: -moz-calc(30.03%);

  margin-right: 10px;

  margin-bottom: 10px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  float: left;

  z-index: 1;

  text-align: center;

  padding-left: 0px;

  border: 1px solid #cfcfcf;

}

#flickr-badge .flickr-container {

  position: absolute;

  width: 100%;

  height: 100%;

}

#flickr-badge .flickr-container a {

  display: block;

  position: absolute;

  height: 100%;

  width: 100%;

  z-index: 1;

}

#flickr-badge .flickr-container a:before{

  position: absolute;

  display: block;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #ffffff;

  opacity: 0;

  z-index: 2;

  transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

#flickr-badge .flickr-container a:hover:before{

  opacity: 0.5;

}

#flickr-badge .flickr-container span {

  position: relative;

  z-index: 1;

  display: block;

  height: calc(100% - 6px);

  height: -moz-calc(100% - 6px);

  margin: 3px;

  overflow: hidden;

}

#flickr-badge .flickr-container img {

  height: 100%;

  position: absolute;

  z-index: 1;

  left: 50%;

  transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

}

#flickr-badge li:before{

  display: none;

}

#flickr-badge li:nth-child(3n+3) {

  margin-right: 0;

}



/**/

/* widget subscribe */

/**/

.widget-subscribe a {

  display: inline-block;

  border: 2px solid #f27c66;

  color: #f27c66;

  font-size: 24px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  width: 48px;

  height: 48px;

  line-height: 44px;

  text-align: center;

  margin-right: 7px;

  margin-bottom: 5px;

}

.widget-subscribe a:hover{

  background-color: #f27c66;

  color: #ffffff;

}

.widget-subscribe a:last-child{

  margin-right: 0;

}



/**/

/* widget filter-price */

/**/

.price_slider_wrapper{

  padding: 36px 0 36px 0;

  border: 1px solid #e1e1e1;

}

.widget-filter h4 {

  float: none;

}

.price_slider_wrapper .price_slider{

  height: 4px;

  width: calc(100% - 44px);

  width: -moz-calc(100% - 44px);

  position: relative;

  margin: 0 auto 0px auto;

  background-color: #eaeaea;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}

.price_slider .ui-slider-range{

  height: 4px;

  position: absolute;

  background-color: #18bb7c;

}

.price_slider .ui-slider-handle{

  background-color: red;

  width: 0px;

  height: 0px;

  position: absolute;

  -webkit-transition: all 0s ease;

  -moz-transition: all 0s ease;

  -ms-transition: all 0s ease;

  transition: all 0s ease;

}

.price_slider .ui-slider-handle:before{

  content: '';

  position: absolute;

  bottom: 0px;

  z-index: 2;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-top: 8px solid #f27c66;

}

.price_slider .ui-slider-handle .price_label {

  color: #333e4f;

  margin-top: 6px;

  transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

}

.price_slider .ui-slider-handle .price_label sup {

  font-size: 0.7em;

}



.price_slider_wrapper .price_slider_amount{

  display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;



  -webkit-box-pack: justify;

    -moz-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;



  -webkit-box-align: baseline;

    -moz-box-align: baseline;

    -webkit-align-items: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

}

.price_slider_wrapper .price_slider_amount .button{

  -webkit-box-ordinal-group: 3;

    -moz-box-ordinal-group: 3;

    -webkit-order: 2;

    -ms-flex-order: 2;

    order: 2;

}

.price_slider_wrapper .price_slider_amount .price_label{

  display: inline-block;

}

.price_slider_wrapper .price_slider_amount .price_label span {

  display: -ms-flexbox;

}

.price_slider_wrapper .price_slider_amount .clear{

  display: none;

}

@media screen and (max-width: 980px) {

  .woocommerce .products .product{

    width: calc(50% - 30px);

  }

}

@media screen and (max-width: 479px) {

  .woocommerce .products .product{

    width: 100%;

  }

  .woocommerce ul.products .picture{

    width: 100%;

    float: none;

  }

}



/**/

/* widget shopping list */

/**/

.widget_shopping_cart_content ul {

  padding-bottom: 10px;

  border-bottom: 1px solid #ebebeb;

  margin-bottom: 5px;

  margin-top: 24px;

  color: #8f96a2;

}

.widget_shopping_cart_content ul li {

  padding-left: 0;

}

.widget_shopping_cart_content ul li:before{

  display: none;

}

.widget_shopping_cart_content .quantity {

  color: black;

}

.widget_shopping_cart_content ul li:after{

  clear: both;

  display: table;

  content: "";

}

.widget_shopping_cart_content ul li a {

  display: block;

  margin: 15px 0 6px 0;



  color: #f27c66;

  text-decoration: underline;

  font-weight: 500;

  line-height: 1.3;

}

.widget_shopping_cart_content ul li p {

  line-height: 1;

  margin-bottom: 0;

}

.widget_shopping_cart_content ul li a img{

  float: left;

  width: 65px;

  height: 65px;

  border: 1px solid #e1e1e1;

  padding: 3px;

  margin-right: 10px;

  margin-top: -4px;

}

.widget_shopping_cart_content .total {

  color: black;

  padding-bottom: 5px;

  border-bottom: 1px solid #e1e1e1;

}

.widget_shopping_cart_content .total strong {

  line-height: 2.5;

  color: #333333;

  font-weight: 500;

}

.widget_shopping_cart_content .cws-button {

  float: right;

  text-decoration: none;

}



/**/

/* widget-selers */

/**/

.widget-selers h4 {

  color: #f27c66;

  font-size: 14px;

  font-family: "Raleway";

  text-decoration: underline;

  text-transform: none;

  margin: 0;

  padding-top: 5px;

  padding-bottom: 5px;

  clear: none;

}

.widget-selers a:hover h4{

  text-decoration: none;

}

.widget-selers img {

  max-width: 100%;

  border: 1px solid #e1e1e1;

  padding: 3px;

  float: left;

  margin-right: 10px;

}

.widget-selers p {

  margin: 0;

}

.widget-selers p:last-child {

  color: #5f5f5f;

  font-weight: 500;

}



/**/

/* courses item */

/**/

.courses-picture {

  position: relative;

  overflow: hidden;

}

.course-description {

  position: absolute;

  width: 100%;

  bottom: 0;

  background-color: rgba(255,255,255,0.8);

}

.course-description .course-date {

  font-size: 11px;

  font-weight: 100;

  color: #ffffff;

  background-color: #f27c66;

  width: 68px;

  height: 68px;

  line-height: 1;

  text-align: center;

  float: left;

  margin-right: 15px;

}

.course-description .course-date>div {

  vertical-align: middle;

  display: inline-block;

}

.course-description .course-date:before{

  width: 0;

  height: 100%;

  display: inline-block;

  content: "";

  vertical-align: middle;

}

.course-description .course-date sup {

  font-size: 0.6em;

}

.course-description .course-date span {

  font-size: 26px;

  font-weight: 700;

}

.course-info {

  display: table;

  width: 100%;

  margin-top: 10px;

}

.course-info>*{

  line-height: 1;

  font-size: 12px;

  border-left: 1px solid #d1d1d1;

  display: table-cell !important;

}

.course-info>*:first-child{

  border: 0;

}

.students-count {

  text-align: center;

}

.students-count i {

  color: #6aa2de;

  font-size: 20px;

}

.course-info .price .amount {

  line-height: 1;

  font-size: 18px;

}

.course-info .star-rating {

  padding-right: 5px;

}

.course-description .course-title {

  padding-top: 7px;

  line-height: 1.2;

  font-size: 15px;

  color: #333e4f;

  font-weight: 700;

}

.course-description .teacher {

  font-size: 12px;

  line-height: 20px;

  color: #f27c66;

  font-weight: 700;

}

/**/

/* hover-effect */

/**/

.picture {

  position: relative;

  z-index: 1;

  overflow: hidden;

}

.picture img {

  width: 100%;

  transition: all 0.3s;

    -ms-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

}

.picture>.hover-effect{

  position: absolute;

  z-index: 2;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: #f27c66;

  opacity: 0;

  transition: opacity 0.3s;

  -ms-transition: opacity 0.3s;

  -moz-transition: opacity 0.3s;

  -webkit-transition: opacity 0.3s;

}

.picture:hover .hover-effect{

  opacity: 0.6;

}

.picture:hover img {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    transition: all 4s;

    -ms-transition: all 4s;

    -moz-transition: all 4s;

    -webkit-transition: all 4s;

}

.link-cont{

  position: absolute;

  z-index: 3;

  width: 100%;

  top: 50%;

  text-align: center;

  opacity: 0;

  transition: all 0.35s ease-out;

  -ms-transition: all 0.35s ease-out;

  -moz-transition: all 0.35s ease-out;

  -webkit-transition: all 0.35s ease-out;



  -webkit-transform:translateY(-50%) scale(0.5);

  -moz-transform:translateY(-50%) scale(0.5);

  -ms-transform:translateY(-50%) scale(0.5);

  transform:translateY(-50%) scale(0.5);



  -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */

    animation-fill-mode: forwards;



}

.link-cont a{

  position: relative;

  display: inline-block;

  vertical-align: middle;

  text-decoration: none;

  width: 46px;

    height: 46px;

    margin: 0 2px;

    font-size: 22px;

    box-sizing: border-box;

    line-height: 44px;

  color: #ffffff;

  background-color: rgba(0, 0, 0, 0.1);

  border: 2px solid #ffffff;

  transition: all 0.3s ease-out;

  -ms-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

}

.link-cont a:hover{

  background: rgba(255,255,255, 0.3);

}

.picture:hover .link-cont{

  opacity: 1;

  transform: scale(1) translateY(-50%);

}

.link-cont a:before{

  position: relative;

  z-index: 1;

}

.link-cont a.fa-heart:before {

  margin-right: 1px;

}



/**/

/* border radius */

/**/

.corner-radius-top,

.corner-radius,

.page-pagination a:first-child,

.course-description,

.woocommerce td.actions input[name="update_cart"],

.blog-post .post-info,

.pricing-table .header-pt {

  border-top-left-radius: 10px;

  -ms-border-top-left-radius: 10px;

  -moz-border-top-left-radius: 10px;

  -webkit-border-top-left-radius: 10px;

}

.corner-radius-bottom,

.corner-radius,

.widget-search form input[type='search'],

.page-pagination a:last-child,

.service-alt .description,

.woocommerce td.actions input[name="proceed"],

.widget-search form .search-submit {

  border-bottom-right-radius: 10px;

  -ms-border-bottom-right-radius: 10px;

  -moz-border-bottom-right-radius: 10px;

  -webkit-border-bottom-right-radius: 10px;

}

.corner-radius,

p.paragraph-border:first-letter,

p.paragraph-background:first-letter,

.info-boxes .info-box-icon,

.tabs .container-tabs>img,

.cws-button.border-radius,

.link-cont a,

.widget-categories li a,

.widget-archives li a,

.widget-meta li a,

.widget-event .date,

.widget-popular h6,

.widget-popular .person,

.widget-navigation>ul,

#flickr-badge li,

.header-megamenu,

.quote-avatar-author img,

.twitter .fa-twitter,

.widget-subscribe a,

img.avatar,

.project-details .title-details,

.course-description .course-date,

.pricing-table,

.service-main,

.tp-caption .sl-title,

#page-meta,

#list-or-grid>div,

.price_slider_wrapper,

.widget_shopping_cart_content ul li a img,

.widget-selers img,

.woocommerce-tabs .tabs li,

.woocommerce .shipping-calculator-form,

.woocommerce .cart-collaterals .cart_totals table,

.category-button,

.category-item .category-info,

.widget-course-details .category-info,

.category-search>i,

.category-search,

.calendar-header,

.head-sitemap,

.social-icon,

.banner-offer,

.service-icon,

.twitter-1 i.twitt,

.widget-search form input[type='search']{

  border-top-left-radius: 10px;

  -ms-border-top-left-radius: 10px;

  -moz-border-top-left-radius: 10px;

  -webkit-border-top-left-radius: 10px;

  border-bottom-right-radius: 10px;

  -ms-border-bottom-right-radius: 10px;

  -moz-border-bottom-right-radius: 10px;

  -webkit-border-bottom-right-radius: 10px;

}

.owl-controls .owl-buttons .owl-prev,

.owl-controls .owl-buttons .owl-next,

a.ui-datepicker-prev.ui-corner-all,

a.ui-datepicker-next.ui-corner-all,

.header-comments:before,

#flickr-badge .flickr-container span,

.woocommerce table tbody .product-thumbnail img,

.calendar-header .buttons-calendar-view>div,

.calendar-header .buttons-calendar-view i{

  border-top-left-radius: 6px;

  -ms-border-top-left-radius: 6px;

  -moz-border-top-left-radius: 6px;

  -webkit-border-top-left-radius: 6px;

  border-bottom-right-radius: 6px;

  -ms-border-bottom-right-radius: 6px;

  -moz-border-bottom-right-radius: 6px;

  -webkit-border-bottom-right-radius: 6px;

}

aside .carousel-button .prev,

.quotes-carousel .carousel-button .prev,

.grid-col-4 .carousel-button .prev,

.toggles .content-title:after,

.carousel-button .prev{

  border-top-left-radius: 5px;

  -ms-border-top-left-radius: 5px;

  -moz-border-top-left-radius: 5px;

  -webkit-border-top-left-radius: 5px;

}

aside .carousel-button .next,

.quotes-carousel .carousel-button .next,

.grid-col-4 .carousel-button .next,

.carousel-button .next,

.toggles .content-title:after,

.woocommerce .title .button-back i{

  border-bottom-right-radius: 5px;

  -ms-border-bottom-right-radius: 5px;

  -moz-border-bottom-right-radius: 5px;

  -webkit-border-bottom-right-radius: 5px;

}

/**/

/* input type */

/**/

input[type="text"],

input[type="password"] {

  border: 1px solid #e6e6e6;

  line-height: 34px;

  height: 36px;

  padding: 0 12px;

  font-size: 14px;

  color: #595959;

  width: 100%;

  transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

.form-group .input-icon {

  position: relative;

}

.form-group .input-icon input {

  text-indent: 18px;

}

.form-group .input-icon i {

  position: absolute;

  top: 0;

  left: 0;

  line-height: 34px;

  text-align: center;

  width: 30px;

}

[type="text"]:hover,

input[type="text"]:focus {

  border-color: #b0b0b0;

}

input[type="text"][disabled] {

  background-color: #f2f2f2;

}

.has-success input {

  border-color: #18bb7c;

  color: #18bb7c;

}

.has-warning input {

  border-color: #f9cb8f;

  color: #f9cb8f;

}

.has-error input {

  border-color: #f27c66;

  color: #f27c66;

}



/**/

/* course finder */

/**/

.course-finder h4 {

  float: none;

}

.course_finder select{

  height: 34px;

}

.course_finder select,

.course_finder textarea {

  width: 100%;

  line-height: 34px;

  padding: 0 0 0 10px;

  border: 1px solid #e1e1e1;

  color: inherit;

}

p.form-row.form-row-wide.select-arrow {

  position: relative;

}

p.form-row.form-row-wide.select-arrow:before {

  position: absolute;

  content: "\f107";

  width: 30px;

  height: 100%;

  font-size: 17px;

  color: #333e4f;

  font-weight: 700;

  text-align: center;

  right: 0;

  z-index: -1;

  font-family: FontAwesome;

  line-height: 34px;

}

.course_finder p.form-row.form-row-wide {

  margin-bottom: 10px;

}



.cws-button {

  padding: 10px 20px;

  min-width: 144px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  border: 2px solid #0102d9;

  background-color: #0102d9;

  line-height: 16px;

  font-size: 15px;

  font-weight: 500;

  color: #ffffff;

  text-align: center;

  display: inline-block;

  white-space: nowrap;

  cursor: pointer;

  text-decoration: none;

  transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

.cws-button.smaller {

  font-size: 11px;

  line-height: 15px;

  padding: 7px 15px;

  min-width: 85px;

}

.cws-button.small {

  line-height: 15px;

  padding: 8px 15px;

  font-size: 13px;

  min-width: 115px;

}

.cws-button.large {

  padding: 10px 20px;

  line-height: 21px;

  font-size: 17px;

  min-width: 175px;

}

.cws-button.alt-color:hover {

  color: #6aa2de;

}

.cws-button.alt,

.cws-button[class*="bt-color-"].alt {

  background: transparent;

  color: #595959;

}



.cws-button.alt:hover{

  background-color: #0102d9;

  color: #ffffff !important;

}



.cws-button.bt-color-2 {

  border-color: #f9cb8f;

}

.cws-button.bt-color-3 {

  border-color: #18bb7c;

}

.cws-button.bt-color-4 {

  border-color: #4bbcd7;

}

.cws-button.bt-color-5 {

  border-color: #b0b0b0;

}

.cws-button.bt-color-6 {

  border-color: #5f5f5f;

}

.cws-button.alt.bt-color-2:hover,

.cws-button.bt-color-2 {

  background-color: #f9cb8f;

}

.cws-button.alt.bt-color-3:hover,

.cws-button.bt-color-3 {

  background-color: #18bb7c;

}

.cws-button.alt.bt-color-4:hover,

.cws-button.bt-color-4 {

  background-color: #4bbcd7;

}

.cws-button.alt.bt-color-5:hover,

.cws-button.bt-color-5 {

  background-color: #b0b0b0;

}

.cws-button.alt.bt-color-6:hover,

.cws-button.bt-color-6 {

  background-color: #5f5f5f;

}

.cws-button.white {

  border-color: #ffffff;

  background-color: transparent;

  color: #ffffff;

  border-radius: 4px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

}

.cws-button.white:hover {

  background-color: #ffffff;

  color: #f27c66;

}

.cws-button:hover,

.tp-caption .cws-button:hover {

  background: transparent;

  color: #595959;

}

.cws-button i {

  font-size: 24px;

    vertical-align: bottom;

    line-height: 16px;

    font-weight: 500;

}

.cws-button.icon-left i {

  margin-right: 7px;

}

.cws-button.icon-right i {

  margin-left: 7px;

}

.cws-button.float-right {

  float: right;

}



/**/

/* isotop */

/**/

.isotope-header {

  margin-bottom: 30px;

}

.isotope-header h2 {

  clear: none;

  float: left;

} 

.isotope-header .select-wrapper {

  float: right;

  width: 200px;

  position: relative;

  z-index: 1;

}

.isotope-header .select-wrapper:before{

    position: absolute;

    content: "\f107";

    width: 25px;

    height: 100%;

    font-size: 17px;

    color: #333e4f;

    font-weight: 700;

    text-align: center;

    right: 0;

    z-index: -1;

    font-family: FontAwesome;

    line-height: 38px;

}

.select2-container .select2-dropdown {

  margin-top: 5px;

  position: relative;

  border-top: 1px solid #b0b0b0 !important;

}

.select2-container .select2-dropdown:before{

  content: "";

    position: absolute;

    top: -4px;

    right: 11px;

    display: block;

    width: 5px;

    height: 5px;

    border-left: 1px solid #b0b0b0;

    border-bottom: 1px solid #b0b0b0;

    background-color: #ffffff;

    transform: rotate(135deg);

    -ms-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -webkit-transform: rotate(135deg);

}

.select2.select2-container--default .select2-selection--single {

  border-color: #e6e6e6;

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

}

.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {

  background-color: #18bb7c;

  

}

.select2-results__option {

  border-top: 1px solid #b0b0b0;

}

.isotope-container .grid-col-row,

.portfolio-gallery {

  overflow: hidden;

}

.isotope .item {

  width: calc(33.33% - 30px);

  width: -moz-calc(33.33% - 30px);

  margin-left: 30px;

}

.isotope .item,

.portfolio-gallery .item {

  margin-bottom: 40px;

  transition-property: transform;

  -o-transition-property: -o-transform, opacity;

  -ms-transition-property: -ms-transform, opacity;

  -moz-transition-property: -moz-transform, opacity;

  -webkit-transition-property: -webkit-transform, opacity;

  transition-duration: 0.6s;

  -o-transition-duration: 0.6s;

  -ms-transition-duration: 0.6s;

  -moz-transition-duration: 0.6s;

  -webkit-transition-duration: 0.6s;

}

@media screen and (max-width: 1200px){

  .isotope .item {

    width: calc(33.33% - 20px);

    width: -moz-calc(33.33% - 20px);

      margin-left: 20px;

      margin-bottom: 20px;

  }

}

@media screen and (max-width: 980px){

  .isotope .item{

    width: calc(33.33% - 18px);

    width: -moz-calc(33.33% - 18px);

      margin-left: 18px;

      margin-bottom: 18px;

  }

}

@media screen and (max-width: 768px) {

  .isotope .item {

    width: 50%;

    box-sizing: border-box;

    padding: 10px;

    margin: 0;

  }

}

@media screen and (max-width: 479px) {

  .isotope .item {

    width: 100%;

    padding: 0;

    margin-bottom: 20px;

  }

}

/**/

/* portfolio four columns */

/**/

.portfolio-item h3 {

  font-size: 18px;

  font-family: "Raleway";

  font-weight: 500;

}

.portfolio-item p:last-child{

  margin: 0;

}

.portfolio-item {

  border-bottom: 3px solid #eaeaea;

  padding-bottom: 30px;

  margin-bottom: 40px;

  transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

.grid-col.portfolio-item {

  margin-bottom: 40px;

}

.portfolio-item:hover {

  border-color: #f27c66;

  

} 

main>.portfolio-item {

  border-bottom: 0;

  margin-bottom: 0;

}

main>.portfolio-item + hr {

  margin-bottom: 40px;

}

/**/

/* grid */

/**/

.grid-row,

.container {

  width: 1170px;

  margin: 0 auto;

}

.container .grid-row {

  width: 100%;

}

.grid-col {

  float: left;

  margin-left: 30px;

}

.grid-col-row {

  margin-left: -30px;

}

.grid-col-3 {

  width: 270px;

}

.grid-col-4 {

  width: 370px;

}

.grid-col-6 {

  width: 570px;

}

.grid-col-8 {

  width: 770px;

}

.grid-col-9 {

  width: 870px;

}

.grid-half{

  width: 50%;

}

.grid-buttons a:last-child{

  margin-bottom: 0;

}

@media screen and (max-width: 1200px) { /* laptop */

  .grid-row,

  .container {

    width: 940px;

  }

  .grid-col {

    margin-left: 20px;

  }

  .grid-col-row {

    margin-left: -20px;

  }

  .grid-col-3 {

    width: 220px;

  }

  .grid-col-4 {

    width: 300px;

  }

  .grid-col-6 {

    width: 460px;

  }

  .grid-col-8 {

    width: 620px;

  }

  .grid-col-9 {

    width: 700px;

  }

}

@media screen and (max-width: 980px) { /* pad */

  .grid-row,

  .container{

    width: 738px;

  }

  .grid-col {

    margin-left: 18px;

  }

  .grid-col-row {

    margin-left: -18px;

  }

  .grid-col-3 {

    width: 171px;

  }

  .grid-col-4 {

    width: 234px;

  }

  .grid-col-6 {

    width: 360px;

  }

  .grid-col-8 {

    width: 486px;

  }

  .grid-col-9 {

    width: 549px;

  }

}

@media screen and (max-width: 767px) { /* phone */

  .grid-row,

  .container{

    width: auto;

    margin: 0 20px;

  }

  .grid-col-row {

    margin-left: -10px;

      margin-right: -10px;

  }

  

  .grid-col.grid-col-3.alt {

    float: left;

    width: calc(50% - 20px);

    margin-left: 10px;

    margin-right: 10px;

    margin: 20px 10px 20px 10px;

  }

  .grid-col,.grid-col.grid-col-3.sidebar {

    float: none;

    width: 100%;

    margin: 0 0 40px 0;

  }

  .grid-col-row .grid-col {

    width: calc(100% - 20px);

    margin-left: 10px;

    margin-right: 10px;

  }

  .grid-col.grid-col-4,

  .grid-col.grid-col-6,

  .grid-col.grid-col-3{

    float: left;

    width: calc(50% - 20px);

    /* margin-bottom: 0; */

    /* padding: 0 10px 0 10px; */

    margin-right: 10px;

    margin-left: 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

  }

  section.grid-col.grid-col-4 {

    margin-bottom: 0;

  }

  .grid-col.grid-col-4:nth-child(2n+1),

  .grid-col.grid-col-6:nth-child(2n+1),

  .grid-col.grid-col-3:nth-child(2n+1){

    clear: left;

  }

  .sidebar + .grid-col.grid-col-6 {

    float: none;

    width: 100%;

    margin: 0 0 40px 0;

  }

  section.grid-col {

    margin: 0;

  }

  footer h2 {

    margin-top: 0 !important;

  }

  .grid-col:last-child {

    margin-bottom: 0;

  }

}

@media screen and (max-width: 479px){

  .grid-col.grid-col-4,

  .grid-col.grid-col-6,

  .grid-col.grid-col-3 {

    float: none;

    width: 100%;

    margin: 0 0 40px 0;

  }

  .grid-col-row {

    margin-left: 0;

    margin-right: 0;

  }

}



/**/

/* grid */

/**/

.columns-row {

  margin: 0 -15px;

}

.columns-row:after {

  content: '';

  display: table;

  clear: both;

}

.columns-col {

  float: left;

  padding: 0 15px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}

.columns-col-3 {

  width: 25%;

}

.columns-col-4 {

  width: 33.33%;

}

.columns-col-6 {

  width: 50%;

}

.columns-col-8 {

  width: 66.66%;

}

.columns-col-9 {

  width: 75%;

}

.columns-col-12 {

  width: 100%;

}

@media screen and (max-width: 980px){ /* pad */

  .columns-col {

    width: 100%;

  }

  .columns-col + .columns-col {

    margin-top: 30px;

  }

}

/**/

/* contact form */

/**/

.contact-form input[name="email"]::-webkit-input-placeholder:after,

.contact-form input[name="name"]::-webkit-input-placeholder:after{

   content: "*";

   font-size: 25px;

   line-height: 15px;

   color: red;

   margin-left: 1px;

}

.contact-form .cws-button {

  float: right;

}

.contact-form input[name="email"]::-moz-input-placeholder:after,

.contact-form input[name="name"]::-moz-input-placeholder:after{

   content: "*";

   color: red;

}

.widget-contact-form input[type='text'] {

  height: 38px;

}

.widget-contact-form input[type='text'],

.widget-contact-form textarea {

  border: 1px solid #e1e1e1;

  line-height: 36px;

  padding: 0 10px;

  width: 100%;

  margin-bottom: 10px;

  font-style: italic;

}

.widget-contact-form input[type='text'].error,

.widget-contact-form textarea.error {

  background-color: #f8bdb2;

}

.widget-contact-form label span {

  color: #f27c66;

}



/**/

/* accordions and toggles*/

/**/

.accordion, .toggles {

  color: #595959;

  font-size: 15px;

}

.accordions + * {

  margin-top: 15px;

}

.accordions .content, .toggles .content {

  display: none;

}

.accordions .content-title, .toggles .content-title {

  font-weight: 500;

  padding: 5px 0 8px 40px;

  position: relative;

  cursor: pointer;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  transition: all 0.3s;

}

.accordions .content-title {

  border: 1px solid #e6e6e6;

  padding: 2px 0 2px 40px;

  margin-top: 10px;

  border-radius: 2px;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

}

.accordions .content-title:hover {

  border-color: #b0b0b0;

}

.accordions .content-title:after, .toggles .content-title:after {

  border: 1px solid #18bb7c;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  color: #18bb7c;

  content: "\f067";

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  position: absolute;

  top: 2px;

  left: 0;

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  transition: all 0.3s;

  -ms-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

}

.accordions .content-title.active:after, .toggles .content-title.active:after {

  content: "\f068";

  background-color: #18bb7c;

  color: #ffffff;

}

.accordions .content-title:after {

  color: #b1b1b1;

  background-color: transparent !important;

  border: none;

  height: 28px;

  line-height: 28px;

  top: 0;

}

.accordions .content-title.active:after {

  background-color: #f27c66;

}

.toggles .content {

  padding: 0px 0 8px 40px;

}

.accordions .content {

  padding: 5px;

  border-left: 1px solid;

  border-right: 1px solid;

  border-bottom: 1px solid;

  border-color: #e6e6e6;

  border-bottom-right-radius: 2px;

  -moz-border-bottom-right-radius: 2px;

  -ms-border-bottom-right-radius: 2px;

  -webkit-border-bottom-right-radius: 2px;

  border-bottom-left-radius: 2px;

  -moz-border-bottom-left-radius: 2px;

  -ms-border-bottom-left-radius: 2px;

  -webkit-border-bottom-left-radius: 2px;

}

.accordions .content-title.active {

  color: #ffffff;

  background-color: #18bb7c;

  border-color: #18bb7c;

  border-bottom: 0;

  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.15);

  -moz-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.15);

  box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.15);

}

.toggles .content-title:hover {

  color: #18bb7c;

}

.toggles .content-title.active {

  color: #18bb7c;

}