/* ==========================================================================
     Base styles: opinionated defaults
     ========================================================================== */
	 
	 @import url(https://fonts.googleapis.com/css?family=Arimo:400,400italic);

  html,
  button,
  input,
  select,
  textarea {
      color: #222;
  }

  html {
      font-size	  : 1em;
      line-height : 1.4;
  }

  /*
   * Remove text-shadow in selection highlight: h5bp.com/i
   * These selection rule sets have to be separate.
   * Customize the background color to match your design.
   */

  ::-moz-selection {
      background  : #b3d4fc;
      text-shadow : none;
  }

  ::selection {
      background  : #b3d4fc;
      text-shadow : none;
  }

  /*
   * A better looking default horizontal rule
   */

  hr {
      display    : block;
      height     : 1px;
      border     : 0;
      border-top : 1px solid #eee;
      margin     : 1em 0;
      padding    : 0;
  }

  /*
   * Remove the gap between images, videos, audio and canvas and the bottom of
   * their containers: h5bp.com/i/440
   */

  audio,
  canvas,
  img,
  video {
      vertical-align: middle;
  }

  img {
  	height     :auto;
  	max-width  :100%;
  }

  /*
   * Remove default fieldset styles.
   */

  fieldset {
      border  : 0;
      margin  : 0;
      padding : 0;
  }

  /*
   * Allow only vertical resizing of textareas.
   */

  textarea {
      resize: vertical;
  }


  .alignleft {
  		float:left;
  		margin-right:15px;
  }

  .alignright {
  		float:right;
  		margin-left:15px;
  }

  .aligncenter {
	  	float       :none;
	  	margin-left :0 auto;
	  	display     :block
  }

  .floatleft {
  		float:left
  }
  .floatright {
  		float:right
  }

  a, 
  a:active, 
  a:focus, 
  a:active {
  		text-decoration:none !important; 
  		outline:none
  }

  a {
    color           : #e74c3c;
    text-decoration : none;
    transition      : all 0.2s ease 0s;
  }

  a:hover, 
  a:focus {
    color           : #bf2718;
    text-decoration : underline;
  }

  strong {
    font-weight: 700;
  }

  h2 {
    text-transform : uppercase;
    font-size      : 23px;
  }

  h4, 
  .h4 {
    font-size     : 16px;
    margin-bottom : 10px;
    margin-top    : 10px;
    color: #2D2D71;
  }

  ul {
  	margin     : 0; 
  	padding    : 0; 
  	list-style : none
  }

  h1, 
  h2, 
  h3, 
  h4, 
  h5, 
  h6, 
  .h1, 
  .h2, 
  .h3, 
  .h4, 
  .h5, 
  .h6 {
  	font-family: "Open Sans", sans-serif;
  	line-height: 15px;
  	margin: 0px 0px 10px;
  	padding: 5px 0 0;
  	text-transform: uppercase;
  	} 

  img {
  	max-width:100%
  }

  img.img-responsive {
  	width: 100%;
  }
  
  body {
  	background  : #f0f2f3;
  	font-weight : 300;
  	font-family: "Lucida Sans", sans-serif;
  	color       : #34404e;
  	font-size: 13px;
  	line-height : 1.42857;
  }
  ul {
  	margin     : 0; 
  	padding    : 0; 
  	list-style : none
  }


  .mt-15 {
    margin-top:15px;
  }
  .mb-50{
    margin-bottom: 30px;
  }


  .wrapper {
  	overflow:hidden
  }

  .header-top {
  background: #fff;
  }

  .mainnav {
    border         : 0 none;
    border-radius  : 0;
    box-shadow     : 0 0 0 1px rgba(0, 0, 0, 0.06), 1px 1px #D8DADB, 2px 2px #D8DADB, 3px 3px #D9DBDC, 4px 4px #D9DBDC, 5px 5px #DADCDD, 6px 6px #DADCDD, 7px 7px #DADCDD, 8px 8px #DBDDDE, 9px 9px #DBDDDE, 10px 10px #DCDEDF, 11px 11px #DCDEDF, 12px 12px #DCDEDF, 13px 13px #DDDFE0, 14px 14px #DDDFE0, 15px 15px #DEE0E1, 16px 16px #DEE0E1, 17px 17px #DEE0E1, 18px 18px #DFE1E2, 19px 19px #DFE1E2, 20px 20px #E0E2E3, 21px 21px #E0E2E3, 22px 22px #E0E2E3, 23px 23px #E1E3E4, 24px 24px #E1E3E4, 25px 25px #E2E4E5, 26px 26px #E2E4E5, 27px 27px #E2E4E5, 28px 28px #E3E5E6, 29px 29px #E3E5E6, 30px 30px #E4E6E7, 31px 31px #E4E6E7, 32px 32px #E4E6E7, 33px 33px #E5E7E8, 34px 34px #E5E7E8, 35px 35px #E6E8E9, 36px 36px #E6E8E9, 37px 37px #E6E8E9, 38px 38px #E7E9EA, 39px 39px #E7E9EA, 40px 40px #E8EAEB, 41px 41px #E8EAEB, 42px 42px #E8EAEB, 43px 43px #E9EBEC, 44px 44px #E9EBEC, 45px 45px #EAECED, 46px 46px #EAECED, 47px 47px #EAECED, 48px 48px #EBEDEE, 49px 49px #EBEDEE, 50px 50px #ECEEEF, 51px 51px #ECEEEF, 52px 52px #ECEEEF, 53px 53px #EDEFF0, 54px 54px #EDEFF0, 55px 55px #EEF0F1, 56px 56px #EEF0F1, 57px 57px #EEF0F1, 58px 58px #EFF1F2, 59px 59px #EFF1F2, 60px 60px #F0F2F3;
  }

  .navbar-default {
    background-image: linear-gradient(to bottom, #141560 0%, #212158 100%);
    background-repeat : repeat-x;
  }


  .navbar-default .navbar-nav > .active > a, 
  .navbar-default .navbar-nav > .active > a:hover, 
  .navbar-default .navbar-nav > .active > a:focus {
	  background-color : #df2e1b;
	  color            : #fff;
  }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
   	  border-color: #ebebeb;
   	  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
   	  font-size: 14px;
  }


  .navbar-default .navbar-nav>.open>a, 
  .navbar-default .navbar-nav>.open>a:hover, 
  .navbar-default .navbar-nav>.open>a:focus {
	  color            : #fff;
	  background-color : #df2e1b;
  }



  .navbar-collapse {
	  padding-right : 0;
	  padding-left  : 0;

  }


  /* LOGIN REGISTER BUTTON ICON STYLE
  -------------------------------------*/

  .modal-button-icon{
      margin-top: 10px;
  }

  .modal-button-icon a{
    display      : inline-block;
    float        : left;
    border       : 1px solid #e5e5e5;
    height       : 32px; 
    overflow     :hidden;	
  }

  .modal-button-icon a:first-child{
    border-right: 0;
  }



  /* LOGIN REGISTER MODAL STYLE
  ----------------------------------- */

  .modal-dialog {
	  width   : 350px;
	  margin  : 30px auto;
  }

  .css-content-block {
	  border-radius : 0;
	  box-shadow    : 0 0 0 10px rgba(0, 0, 0, 0.2);
	  border        : 0;
	  padding: 18px;
	  background    :   #fff;
	  border        : 1px solid #DADADA;
	  border-radius : 0;
	  box-shadow    : 0 0 0 10px rgba(0, 0, 0, 0.2);
	  font-size: 13px;
	  overflow      : hidden;
	  text-align    : left;
	  height        : auto;
	 }

  .css-content-block h3 {
	  font-size      : 18px;
	  font-weight    : normal;
	  line-height    : 35px;
	  margin         : 0;
	  text-transform : uppercase;
  }

  .css-note {
	  padding   : 18px 0; 
	  font-size :16px
  }

  .css-formregistration {}


  .css-field, 
  #register-link, 
  .css-error-detail, 
  .css-error, 
  .css-note {
    overflow: hidden;
  }

  .css-label, 
  .css-input {
	  height       : 38px;
	  line-height  : 38px;
	  float        : left;
	  margin-right : 10px;
	  width        : 68px;
  }




  .css-input input[type=text], 
  .css-input > input[type=password] {
	  border             : 1px solid #dadada;
	  text-indent        : 5px;
	  width              : 189px;
	  padding            : 0;
	  transition         : border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	  border-radius      : 0;
	  -webkit-box-shadow : none;
	  box-shadow         : none;
	  margin             : 0;
	  height             : 34px;
  }

  .css-input input:focus {
  	  border-color: #e9322d;
  }


  .css-submit-btn {
  	  text-align  : center;
	  padding     : 5px 0 0 0;
	  border-top  : 1px solid #ddd;
	  margin      : 10px 0 30px
  }

  .btn-submit {
	  color            : #fff;
	  background-color : #e74c3c;
	  border-color     : #e43725;
	  border-radius    : 0
  }

  .btn-submit a, 
  .btn-submit a:hover {
  	  color: #fff;
  }

  .btn-submit:hover{
  	  color            : #fff;
	  background-color : #df2e1b;
	  border-color     : #b62516;
	} 


  ul#css_ul {
      float: none;
  	  padding: 0;
  }

















  ul#css_ul li{
     border      : 1px solid #eee;
     list-style  : none outside none;
     margin      : 0;
     padding     : 10px;
  }

  ul#css_ul li:first-child {
  	 border-bottom : 0px solid
  }

  /**********   menu style    ************/
  
.navbar {
	margin-bottom:0px;
	margin-left: 0px;
	}
 

.nav.navbar-nav li:hover ul.dropdown-menu {
	display:block;  
}

.nav.navbar-nav li a{
  	 text-transform : uppercase;
  	 color: #FFFFFF;
  	 font-weight: 500;
  	 line-height    : 25px;
  }
  
.nav.navbar-nav li a:hover , 
.nav.navbar-nav li a:focus , 
.nav.navbar-nav li a:active {
  	color      : #fff;
  	background-color: rgb(48, 48, 129);
  }


.dropdown-menu {
	border-radius: 0px;
	position: relative;
	float: none;
	width:100%;
}


  /* MEGA MENU
  ----------------- */
  
.mainnav .mega-fw {
  position: static;
} 
  
.mainnav .mega-content {
  padding: 20px 30px;
} 


.mega-menu-item h2 {
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.mega-item-text a.email {
  color: #e74c3c !important;
  text-transform: lowercase !important;
}


.mega-item-text a.email:hover {
  color: #bf2718 !important;
  text-transform: lowercase !important;
  background: none !important;
}

.megamenu-wrapper ul li{
  border-top: 0 !important;
}

  /*  //MEGA MENU
  ----------------- */


  /********** drop down style ************/


.nav.navbar-nav li ul{
    padding: 20px;
  }

.nav.navbar-nav li ul li{
  	border-top : 1px solid #F2F2F2; 
  }


.nav.navbar-nav li ul li a{
  	padding        : 10px 0px;
    font-size      : 13px;
    color          : #222;
    line-height    : 20px; 
    text-transform : capitalize;
 }

.nav.navbar-nav li ul li a:hover, 
.dropdown-menu li.active > a, 
.dropdown-menu li > a:focus{
  	background  :#fff; 
  	color       :#e74c3c !important;
  }

  


/* search style 
----------------------------*/
.navbar-header {
  float: right;
}
.head-search, .navbar-toggle + .head-search {
  right: 0;
  top: 0;
}
.head-search {
  position: relative;
  right: 0;
  margin: 0;
  z-index: 1000;
  float: right;
}
.head-search form {
  margin: 0;
}
.head-search label {
  display: none;
}
.head-search .search {
  background: rgba(0, 0, 0, 0.5);
  position: relative;
}
.navbar-toggle {
float: left;
margin-left: 10px;
border: none;
margin: 0;
padding: 0;
border-radius: 0px;
}
.navbar-toggle i.fa{
color: #fff;
display: inline-block;
padding: 21px;
background: #222;
}
.navbar-toggle.collapsed i.fa {
background: #363636;
}
.navbar-toggle i.fa:hover, 
.navbar-toggle i.fa:focus, 
.navbar-toggle i.fa:active, 
.navbar-toggle i.fa:visited {
  background: #181818;
}

.head-search .search {
    background: rgb(3, 3, 72);
  }

.head-search .search .fa-search {
  color: #ffffff;
  content: "\f002";
  display: block;
  font-family: "FontAwesome";
  position: absolute;
  left: 20px;
  top: 19px;
  z-index: 1;
}

.head-search .form-control {
	border: 0;
	background: transparent;
	color: #ffffff;
	height: 55px;
	line-height: 15px;
	position: relative;
	margin: 0;
	padding: 0 15px 0 40px;
	width: 0;
	-webkit-transition: width 0.2s;
	transition: width 0.2s;
	z-index: 2;
}

.form-control {border-radius:0}

.head-search .form-control:hover,
.head-search .form-control:active,
.head-search .form-control:focus {
  color: #ffffff;
  box-shadow: none;
}
.head-search .form-control:active,
.head-search .form-control:focus {
  width: 192px;
}



.text-input {
  top: 0px;
  position: relative;
  height: 55px;
  background: rgba(0, 0, 0, 0.2);
  padding: 17px 10px;
  width: 140px;
  color: #fff;
  -webkit-transform: translateZ(0);
  float: left;
}



  /**********   menu style    ************/

  button.navbar-toggle{ 
    outline    : none;
    border     : none;
    background : #e74c3c;
  }
  .navbar-default .navbar-toggle:hover, 



  .navbar-default .navbar-toggle:focus {  
  	background : #181818;
  }

  /**********  //menu style		************/






  /* social icon style
  --------------------*/

  .social-icon {
    margin-top:10px
  }

  .social-icon ul {

  }

  .social-icon ul li {
    border: 1px solid #69698D;
    float        : left;
    margin       : 0;
    padding      : 0;
  }

  .social-icon ul li:last-child{














    border : 0;








































  }

  .social-icon ul li a{
    height  : 32px;
    display : block;
    border-radius: 5px;
  }






  /*  ANIMATED ICON
  -----------------------*/

  .customNavigation i.fa{
      width        : 24px;
      height       : 24px;
      line-height  : 24px;
  }

  .icustomNavigation i.fa::before{
      font-size   : 14px;
      line-height : 24px;
  }

  .social-icon i.fa,
  .modal-button-icon i.fa {
      width  : 32px;
      height : 32px;  
  }

  .social-icon i.fa::before,
  .modal-button-icon i.fa::before
  {
      font-size   : 14px;
      line-height : 32px;
  }


  .social-icon i.fa, 
  .modal-button-icon i.fa,
  .customNavigation i.fa
  {
      display             : inline-block;
      cursor              : pointer;
      margin              : 0px;
      text-align          : center;
      position            : relative;
      z-index             : 1;
      color: #6F6C6C;
      overflow            : hidden;
      border-radius       : 1px;
      -webkit-transition  : all 0.5s;
      -moz-transition     : all 0.5s;
      transition          : all 0.5s;
      -webkit-transform: translateZ(0);
    }

  .social-icon i.fa::before,
  .modal-button-icon i.fa::before,
  .customNavigation i.fa::before
  {
        border-radius            : 2px;
        speak                    : none;
        display                  : block;
        -webkit-font-smoothing   : antialiased;
      }

  .social-icon i.fa::after,
  .modal-button-icon i.fa::after,
  .customNavigation i.fa::after
  {
        pointer-events  : none;
        position        : absolute;
        width           : 100%;
        height          : 100%;
        content         : '';
        display         : none;
        box-sizing      : content-box;
      }


  .social-icon i.fa:hover,
  .modal-button-icon i.fa:hover,
  .customNavigation i.fa:hover
  {
        background : #df2e1b;
        color      : #fff;
      }

  .social-icon i.fa:hover::before,
  .modal-button-icon i.fa:hover::before,
  .customNavigation i.fa:hover::before
  {
        -webkit-animation: toRightFromLeft 0.3s forwards;
        -moz-animation: toRightFromLeft 0.3s forwards;
        animation: toRightFromLeft 0.3s forwards;
   }



  /*******   accordion   ******/

.panel.panel-default {
    border         : 0 none;
    border-radius  : 0;
    margin         : 0;
    box-shadow     :none;
  }

  .panel-default > .panel-heading {
    background-color  : #EFEFEF;
    border            : 1px solid #ddd;
    border-radius     : 0;
  }

  a .panel-title  {
  	display      : block;
  	font-size: 14px;
  	font-weight: 500;
  	padding      : 7px;
  	position     : relative;
  	color: #1B1C5C;
  }
  
  
  a .panel-title  span i{
	color: #15165F;
	font-size:14px;
	}

  .panel-heading {
    padding : 0;
  }

  .panel-collapse {
    background : #f8f8f8;
  }

  .panel-body {
    border-top: 1px solid #ddd;
  }

  .panel-body {
     border: medium none !important;
  }

  #accordion .readmore a {
     margin-top: 10px;
  }
  /*******   //accordion   ******/




  /*******     home tab  ******/
  #tabs.home-tab {}
  #tabs.home-tab ul 
  {
	    border        : medium none;
	    margin-left   : -20px;
	    margin-top    : -20px;
	    margin-right  : -20px;
	 }
  #tabs.home-tab ul li a {
	  font-size    : 16px;
	  color        : #818790;
	  border       : 0;
	  line-height  : 27px;
  }

  #tabs.home-tab ul li a i.fa-briefcase {
  	color: #8ebb80
  }

  #tabs.home-tab ul li a i.fa-folder {
  	color: #80b9bb
  }

  #tabs.home-tab ul li a i.fa-heart {
  	color: #818790;
  }

  #tabs.home-tab ul li a:hover 
  {
    border: 0;
  }

  #tabs.home-tab ul li.active a i.fa {
  	color: rgba(231, 76, 60, 0.68);
  }

  #tabs.home-tab ul li.active a {
    border            : 0;
    border-radius     : 0;
    color: #444;
  }



  #valu div.progress {
  border-radius: 0px;

  }

  .nav>li>a:hover, 
  .nav>li>a:focus 
  {

  	text-decoration  : none;
  	background-color : #f5f5f5; 
  }


  /*******   //home tab  ******/

  .box-shadow-area, 
  .box-wrapper {
    background:   #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 1px 1px #D8DADB, 2px 2px #D8DADB, 3px 3px #D9DBDC, 4px 4px #D9DBDC, 5px 5px #DADCDD, 6px 6px #DADCDD, 7px 7px #DADCDD, 8px 8px #DBDDDE, 9px 9px #DBDDDE, 10px 10px #DCDEDF, 11px 11px #DCDEDF, 12px 12px #DCDEDF, 13px 13px #DDDFE0, 14px 14px #DDDFE0, 15px 15px #DEE0E1, 16px 16px #DEE0E1, 17px 17px #DEE0E1, 18px 18px #DFE1E2, 19px 19px #DFE1E2, 20px 20px #E0E2E3, 21px 21px #E0E2E3, 22px 22px #E0E2E3, 23px 23px #E1E3E4, 24px 24px #E1E3E4, 25px 25px #E2E4E5, 26px 26px #E2E4E5, 27px 27px #E2E4E5, 28px 28px #E3E5E6, 29px 29px #E3E5E6, 30px 30px #E4E6E7, 31px 31px #E4E6E7, 32px 32px #E4E6E7, 33px 33px #E5E7E8, 34px 34px #E5E7E8, 35px 35px #E6E8E9, 36px 36px #E6E8E9, 37px 37px #E6E8E9, 38px 38px #E7E9EA, 39px 39px #E7E9EA, 40px 40px #E8EAEB, 41px 41px #E8EAEB, 42px 42px #E8EAEB, 43px 43px #E9EBEC, 44px 44px #E9EBEC, 45px 45px #EAECED, 46px 46px #EAECED, 47px 47px #EAECED, 48px 48px #EBEDEE, 49px 49px #EBEDEE, 50px 50px #ECEEEF, 51px 51px #ECEEEF, 52px 52px #ECEEEF, 53px 53px #EDEFF0, 54px 54px #EDEFF0, 55px 55px #EEF0F1, 56px 56px #EEF0F1, 57px 57px #EEF0F1, 58px 58px #EFF1F2, 59px 59px #EFF1F2, 60px 60px #F0F2F3;
    position: relative;
    -webkit-transform:translateZ(0);
  }



  .showcase {
    padding: 0 15px;
  }
    
  .showcase > div {
    background: #FFFFFF;
    border-top: 1px solid rgba(26, 56, 21, 0.3);
  }

  .showcase > div > div {
    padding: 0;
  }

  .showcase .showcase-right ul.top-service-box {
    margin     : 0;
    padding: 0px;
    list-style : none;
  }

  .showcase .showcase-right ul.top-service-box li {
    width: 178px;
    height: 131px;
    margin: 12px;
    position            : relative;
    float               : left;
    padding: 20px 5px 5px;
    -webkit-box-sizing  : border-box;
    -moz-box-sizing     : border-box;
    box-sizing         : border-box;
    -webkit-transition  : all 0.3s;
    transition          : all 0.3s;
    -webkit-transform:translateZ(0);
  }

  .showcase .showcase-right ul.top-service-box li:nth-child(1) {
    background: url("img/commerce.jpg") repeat-x scroll center top #ffffff;
  }

  .showcase .showcase-right ul.top-service-box li:nth-child(2) {
   background: url("img/school.jpg") repeat-x scroll center top #ffffff;
  }

  .showcase .showcase-right ul.top-service-box li:nth-child(3) {
    background: url("img/tally.jpg") repeat-x scroll center top #ffffff;
  }

  .showcase .showcase-right ul.top-service-box li:nth-child(4) {
   background: url("img/accounting-courses.jpg") repeat-x scroll center top #ffffff;
	
  }
  
   .showcase .showcase-right ul.top-service-box li:nth-child(5) {
     background: url("img/diploma-courses.jpg") repeat-x scroll center top #ffffff;
  }
  
     .showcase .showcase-right ul.top-service-box li:nth-child(6) {
    background: url("img/masters-diploma.jpg") repeat-x scroll center top #ffffff;
  }
  
     .showcase .showcase-right ul.top-service-box li:nth-child(7) {
    background: url("img/school-prog.jpg") repeat-x scroll center top #ffffff;
  }
  
       .showcase .showcase-right ul.top-service-box li:nth-child(8) {
    background: url("img/summer-camp.jpg") repeat-x scroll center top #ffffff;
  }
  
         .showcase .showcase-right ul.top-service-box li:nth-child(9) {
    background: url("img/hardware.jpg") repeat-x scroll center top #ffffff;
  }
  
  
           .showcase .showcase-right ul.top-service-box li:nth-child(10) {
    background: url("img/multimedia.jpg") repeat-x scroll center top #ffffff;
  }
  
  
    
           .showcase .showcase-right ul.top-service-box li:nth-child(11) {
    background: url("img/individual-courses.jpg") repeat-x scroll center top #ffffff;
  }
  
  
             .showcase .showcase-right ul.top-service-box li:nth-child(12) {
    background: url("img/sap.jpg") repeat-x scroll center top #ffffff;
  }
  
               .showcase .showcase-right ul.top-service-box li:nth-child(13) {
    background: url("img/modular-courses.jpg") repeat-x scroll center top #ffffff;
  }
  
  
                 .showcase .showcase-right ul.top-service-box li:nth-child(14) {
    background: url("img/sales-management.jpg") repeat-x scroll center top #ffffff;
  }
  
                   .showcase .showcase-right ul.top-service-box li:nth-child(15) {
    background: url("img/abacus.jpg") repeat-x scroll center top #ffffff;
  }
  
  
                     .showcase .showcase-right ul.top-service-box li:nth-child(16) {
    background: url("img/pd.jpg") repeat-x scroll center top #ffffff;
  }
  
  
                       .showcase .showcase-right ul.top-service-box li:nth-child(17) {
    background: url("img/vedic-maths.jpg") repeat-x scroll center top #ffffff;
  }




  .showcase .showcase-right ul.top-service-box li a {
    background: #e74c3c;
    color              : #fff;
    padding: 4px 10px;
    font-size          : 12px;
    font-weight: 500;
    letter-spacing     : .5px;
    position           : absolute;
    bottom: 70px;
    margin-left: -10px;
    opacity            : 0;
    filter             : alpha(opacity=0);
    -webkit-transition : all 0.3s;
    transition         : all 0.3s;
  }

  .showcase .showcase-right ul.top-service-box li a:hover {
    text-decoration  : none;
    color: #e9eaed;
    background: #e74c3c;
  }

  .showcase .showcase-right ul.top-service-box li:hover {
    
  }

  .showcase .showcase-right ul.top-service-box li:hover a {
    left: 63px;
    opacity  : 1;
    filter   : alpha(opacity=100);
  }





  .showcase .showcase-right ul.top-service-box li:hover:nth-child(1) {
    -webkit-box-shadow     : 0 0 0 12px #afcea2;
    box-shadow: 0 0 0 3px #FFA600;
    z-index                : 999;
  }

  .showcase .showcase-right ul.top-service-box li:hover:nth-child(2) {
    -webkit-box-shadow : 0 0 0 12px #e4d082;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }

  .showcase .showcase-right ul.top-service-box li:hover:nth-child(3) {
    -webkit-box-shadow : 0 0 0 12px #d17383;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }

  .showcase .showcase-right ul.top-service-box li:hover:nth-child(4) {
    -webkit-box-shadow : 0 0 0 12px #798790;
   box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }
  
  
   .showcase .showcase-right ul.top-service-box li:hover:nth-child(5) {
    -webkit-box-shadow : 0 0 0 12px #798790;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }
  
    .showcase .showcase-right ul.top-service-box li:hover:nth-child(6) {
    -webkit-box-shadow : 0 0 0 12px #798790;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }
  
  
      .showcase .showcase-right ul.top-service-box li:hover:nth-child(7) {
    -webkit-box-shadow : 0 0 0 12px #798790;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }
  
  
        .showcase .showcase-right ul.top-service-box li:hover:nth-child(8) {
    -webkit-box-shadow : 0 0 0 12px #798790;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }
  
          .showcase .showcase-right ul.top-service-box li:hover:nth-child(9) {
    -webkit-box-shadow : 0 0 0 12px #798790;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }
  
  
            .showcase .showcase-right ul.top-service-box li:hover:nth-child(10) {
    -webkit-box-shadow : 0 0 0 12px #798790;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }
  
  
  
              .showcase .showcase-right ul.top-service-box li:hover:nth-child(11) {
    -webkit-box-shadow : 0 0 0 12px #798790;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }

  

  
                .showcase .showcase-right ul.top-service-box li:hover:nth-child(12) {
    -webkit-box-shadow : 0 0 0 12px #798790;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }
  
  
                  .showcase .showcase-right ul.top-service-box li:hover:nth-child(13) {
    -webkit-box-shadow : 0 0 0 12px #798790;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }
  
  
  
                    .showcase .showcase-right ul.top-service-box li:hover:nth-child(14) {
    -webkit-box-shadow : 0 0 0 12px #798790;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }
  
  
  
                      .showcase .showcase-right ul.top-service-box li:hover:nth-child(15) {
    -webkit-box-shadow : 0 0 0 12px #798790;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }
  
  
                        .showcase .showcase-right ul.top-service-box li:hover:nth-child(16) {
    -webkit-box-shadow : 0 0 0 12px #798790;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }
  
  
                          .showcase .showcase-right ul.top-service-box li:hover:nth-child(17) {
    -webkit-box-shadow : 0 0 0 12px #798790;
    box-shadow: 0 0 0 3px #FFA600;
    z-index            : 999;
  }
  
  
  
  
  

  .showcase .showcase-right ul.top-service-box li h2 {
    font-size: 14px;
    letter-spacing: 0px;
    margin: 0px 0 10px;
    color: #F9F9F9;
    text-align: center;
    padding-top: 15px;
  }

  .showcase .showcase-right ul.top-service-box li p {
    font-size: 13px;
    /* text-transform   : uppercase; */
    color: #FFF;
    text-align: center;
    z-index: 1000;
    line-height: 14px;
    margin: 25px 0px 55px;
  }


  .welcome-text {
  	padding: 16px;
  }
  .welcome-text h2{
  	margin-top      :0;
  	text-transform  : uppercase;
  	font-size       : 23px;
  	color: #2D2D71;
  }

  .product-slider {
  	min-height: 380px;
  	padding: 9px;
  }

  .lead-title {
    font-size       : 23px;
    font-weight     : 400;
    margin-bottom: 11px;
    text-transform  : uppercase;
  }

  .lead-sub-title{
    display         : block;
    text-transform  : none;
    margin-bottom: 33px;
    color: #363636;
    font-family: "Lucida Sans", sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 14px;
  }


  .single-item {
  	float     : left;
    height    : 270px;
    margin    : 30px 1% 0;
    position  : relative;
    width     : 31.33%;
  }

  .single-item img{
  	height: 270px;
  }


  .product-content {
    background  :   #fff;
    bottom      : 0;
    box-sizing  : border-box;
    margin      : 15px 15px 0;
    padding     : 10px;
    position    : absolute;
    z-index     : 2;
  }

  .product-content h4 a {
  	color: #34404E;
  }

  .tab-area {
    padding:20px
  }

  .accordion-area {
    padding: 11px;
    min-height: 235px;
  }

  .accordion-area h3 {
    margin-bottom   :10px; 
    text-transform  :uppercase;
  }

  #portfolio, 
  #magazin {
  	 margin-top  :20px;
  	 overflow    :hidden
  	
  	
  	
  	
  	}

  
  #valu {
    margin-top: 23px;
    overflow    :hidden
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  }   

  #portfolio img, 
  #magazin img, 
  #valu img {
  	float          : left;
    margin-right   : 20px;
 }


  .client-carousel {
  	padding    : 20px;
  	overflow   : hidden
  }

  .client-carousel ul{}
  
  .client-carousel ul li{
  	float        : left; 
  	margin-right : 15px
  }

  .latest-news-area {
      padding   : 20px;
  }

  .latest-news-area h3, 
  .testimonial-area h3
  {
  	text-transform :uppercase
  
  }

  .single-latest img{
  	float         :left; 
    margin-right  :20px
  }

  .single-latest p.date-meta{
  	color: #7B7B7B;
  	font-size  : 0.9em;
  }

  .single-latest h4{
	  font-size      : 16px;

	  font-weight    : 400;
	  margin         : 10px 0 5px;
	  text-transform : uppercase;
  }

  .testimonial-area {
    padding: 36px;
    box-shadow: none;
    margin: 0px -11px 0px -8px;
    }

  .testimonial {
  	margin-bottom :20px
  }

  .testimonial-area img {
	  border-radius  : 3px;
	  float          : left;
	  margin-right   : 10px;
	  width          : 50px;
  }

  .testimonial-area p.name {
  	font-weight : 400;
    margin      : 0;

  }
  .testimonial-area p span.position {
  	font-style   : italic;
  }

  .testimonial-area p.company {
  	display      : block;
    font-size    : 13px;
  }


  .client-logo-caruosel {
  	padding  :20px 1px;
  }

  .client-logo h3 {
    border-bottom   : 1px solid #eee;
    font-size: 20px;
    color: black;
    margin          : 0;
    padding: 10px 20px;
    text-transform  : uppercase;
  }

  .client-logo .customNavigation{
    top:13px;
  }

  .client-logo-caruosel .owl-item .item{
    text-align: center;
  }

  .footer-widget {
  	overflow        :hidden;

  	border-bottom: 1px solid #5D5DBF;
  	
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c539e+0,2c539e+100;Blue+3D+%232 */
  	background: #3535AB; /* Old browsers */
  	background: -moz-linear-gradient(top,  #2c539e 0%, #2c539e 100%); /* FF3.6-15 */
  	background: -webkit-linear-gradient(top,  #46466D 0%,#7979B5 100%); /* Chrome10-25,Safari5.1-6 */
  	background: linear-gradient(to bottom,  #313175 0%,#19195C 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
  }


  .custom-menu-widget {
	 padding: 20px;
	 padding-top: 0px;
	}


  .custom-widget{}
  .custom-widget ul > li {
    line-height: 24px;
  }

  .custom-widget ul > li > a {
  	color: #e5e5e5;
  	}  

  .custom-widget ul > li > a:hover {
	color           : #e74c3c;
	text-decoration : underline;
}

  .copyright-text {
	overflow       : hidden;
	background: #0F0F40;
}

  .left-copy-text {
	padding    : 20px;
	font-size: 14px;
	color: white;
}

  .custom-menu-widget i {
	font-size  : 36px;
	color: #FFA600;
}

  .custom-menu-widget i:before {
    border-bottom   : 1px solid #eee;
    padding-bottom  : 10px;
  }

  .custom-menu-widget i {
	display        : block;
	margin-bottom  : 25px;
	margin-top     : 25px;
  }

  .widget-title{
    font-size        : 18px;
    font-weight      : 400;
    margin-bottom    : 10px;
    text-transform   : uppercase;
    color: #FFA600;
  }
  
  .footer-right .social-icon {
	margin-top: 0;
  }

  .social-fix {
  	padding-right   : 20px; 
    padding-top     : 20px
  }


  /************  Blog css start **************/


  .blog-item {
    background    :   #fff;
    overflow      : hidden;
    padding       : 20px 5px 40px 5px;
    border-bottom : 1px solid #eee;
  }

  .post-thumb.floatleft  img {
    max-width   : 100%;
    width       : 100%;
  }

  .post-thumb {
    margin-bottom: 20px;
   }

   .post-thumb img{
      width: 100%;
   }

   
  .post-thumb iframe {
    max-width   : 100%;
    width: 100%;
	  border		:0;
  }
  .post-thumb audio {
    max-width   : 100%;
    width       : 100%;
    display     : block;
  }
  .less-mrg-left {
  	margin-left: 0
  }

  .less-pad-left {
  	padding-left: 0px
  }

  .less-mrg-right {
  	margin-right: 0
  }

  .less-pad-right {
  	padding-right: -1px;
  }


  .article-title, .article-header h1 {
    margin: 0 0 20px;
  }

  h2, 
  .h2 
  {
  	font-size: 23px;
  	color: #2D2D71;
  }
  
  a:hover, 
  a:focus 
  {
    color            : #bf2718;
    text-decoration  : underline;
  }

  .post h2.article-title a, 
  .readmore a, 
  .single-sidebar  ul li.cat-item a 
  {
  	color:#e74c3c
  }

  .post h2.article-title a:hover,  
  .single-sidebar  ul li.cat-item a:hover, 

  .single-sidebar  ul li.current-cat a {

  	color:#bf2718

  }


  .post-meta {
	font-weight: 300; 
	margin-bottom: 20px;
  }
  .post-meta ul {}

  .post-meta ul li {
    float         : left;
    margin-right  : 10px;
    font-size     : 13px;
    color         : #999999;
	margin-bottom :2px;
  }
  .post-meta ul li:last-child{
	margin-right  : 0;
  }

  .post-meta ul li i {
    margin-right  : 0;
  }

  .post-meta ul li a {
    border        : 1px solid #f7f7f7;
    color         : #999999;
    padding       : 2px 5px;
  }

  .post-meta ul li a.author {
    border: 0;
  }


  .post-meta ul li a:hover, 
  .post-meta ul li a:focus, 
  .post-meta ul li a:active 
  {
    background      :   #bf2718;
    color           : #fff;
    text-decoration : none;
  }
 
   .post-meta ul li a.author:hover {
    border       : 0 none;
    color        : #e74c3c;
    background   : transparent;
  }


  .post-article p {
  	font-weight: 300;
   }

  .readmore > a {
    border-top      : 2px solid #ddd;
    display         : inline-block;
    font-size       : 12px;
    font-weight     : 400;
    margin-top      : 15px;
    padding-top     : 5px;
    text-transform  : uppercase;
  }

  .readmore > a:hover {
    color: #ddd;

  }


  .single-sidebar h2 {
    font-size       : 16px;
    font-weight     : 400;
    margin          : 0 0 10px;
    padding         : 0;
    text-transform  : uppercase;
  }

  .single-sidebar {
    margin-bottom  : 40px;
    overflow       : hidden;
  }

  .single-sidebar ul li.cat-item:first-child {
    border-top: 0px;
  }

  .single-sidebar  ul li.cat-item { 

  	padding-left: 0px;
  }

  .single-sidebar  ul li.cat-item a {
    font-weight: 400;
  }

  .single-sidebar  ul li.cat-item a:hover{}

  .single-sidebar ul  li:hover a {
    color:#e74c3c;
  }

  .single-sidebar ul  li:hover:before {
    color:#e74c3c;
  }


  .single-sidebar  ul li {
  	 border-bottom  : 1px solid #eee;
     padding        : 7px 0;
  }

  .single-sidebar  ul li:last-child {
  	 border-bottom  : 0px;
  }

  .tab-pane ul li {
    color          : #999999;
    margin-right   : 2px;
    position       : relative;
    transition     : all 0.5s ease 0s;
    padding-left   : 17px;
  }


    .tab-pane  ul li {
  	 border-bottom  : 1px solid #eee;
     padding        : 10px 0;
  }

    .tab-pane  ul li:last-child {
  	 border-bottom  : 0px;
  }
  
  .tab-pane  ul li a {
  	color        : #666666;
    font-weight  : 300;
  }

  .tab-pane  ul li > a:hover {
  	color  : #e74c3c;
  }

   .tagcloud{
    overflow: hidden;
    margin: 8px 0;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-top: 7px;
    padding-bottom: 2px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }

  .tagcloud a {
    border          : 1px solid #eee;
    font-size       : 12px;
    color           : #666666;
    display         : block;
    float           : left;
    margin          : 0 5px 5px 0;
    padding         : 3px 5px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
  }

  .tagcloud a:hover {
    background   : #e74c3c;
    color        : #fff;

  }



  /*carousel post */
  /*a.carousel-control i {
	  margin-top     : -10px;
	  top            : 50%;
	  position       : absolute;
	  background     : rgba(0,0,0,0.5);
	  display        : block;
	  z-index        : 5;
	  padding        : 5px;  
	  width          : 30px;
	  height         : 30px;
    -webkit-border-radius:500px;
    -moz-border-radius:500px;
    border-radius:500px;
  }*/

.blog-carousel .left.carousel-control {
  background: transparent;
  top: 45%;
}

.blog-carousel .right.carousel-control {
  background: transparent;
  top: 45%;
}

.blog-carousel .left.carousel-control i, 
.blog-carousel .right.carousel-control i {
  padding: 5px;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.5);
}


  /*carousel post */




  /*tab widget */
  
 .tab-content {
}


.tabs-widget .tab-content {
	border-left 	: 1px solid #eee;
	padding 		: 0px 10px;
	border-right 	: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
 
  .tabs-widget .nav.nav-tabs {
    background     :   #eee;
    border         : 0 none;
    font-size      : 16px;
    font-weight    : 400;
    text-transform : uppercase;
    height         : 37px;
  }

  .tabs-widget ul.nav li a {
    border: 0 none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 15px;
  }

  #latest-post ul  li:hover a, 
  #most-read ul  li:hover a
  {
     color: #666666;
  }

  #latest-post ul  li a, 
  #most-read ul  li a

  {
     font-size: 14px;
  }

  #latest-post ul  li a:hover, 
  #most-read ul  li a:hover

  {
     color: #e74c3c;
  }

  #latest-post .sidebar-meta, 
  #latest-post .sidebar-meta a, 
  #latest-post .sidebar-meta p,  
  #most-read .sidebar-meta, 
  #most-read .sidebar-meta a, 
  #most-read .sidebar-meta p 
  {
      font-size: 13px;
  }

  .sidebar-meta i.fa {
     padding-right: 7px;
  }

  .sidebar-meta a {}

  .sidebar-meta p {
     color          : #888888;
     display        : inline-block;
     font-size      : 12px;
     padding-left   : 5px;
  }

  .tabs-widget ul.nav li a:hover {
     border: 0;
  }


  .tab-pane > h2 {
     display: none;
  }


  .tab-pane > ul li {
     padding-left: 2px;
  }

  .tab-pane  > ul li:before {
      content: "";
  }

  .tabs-widget ul.nav li.active a {
	background     :   #e74c3c;
	color          : #fff;
	border-radius  : 0;
	border         : 0;
  }

  /*tab widget */
  
  
  

  /*pagination */
  .pagination {
    border-radius  : 0;
    margin-top     : 50px;
  }

  .pagination > li:first-child > a, 

  .pagination > li:first-child > span,
  .pagination > li:last-child > a, 
  .pagination > li:last-child > span 
  {
    border-radius:0;
  }

  .pagination > .active > a, 
  .pagination > .active > span, 
  .pagination > .active > a:hover, 
  .pagination > .active > span:hover, 
  .pagination > .active > a:focus, 
  .pagination > .active > span:focus
   {
    background-color  : #e74c3c;
    border-color      : #e74c3c;
  }

  .pagination:after, .pagination:before {
    clear : both;
  }

  .page-number > p {
    background-color : #fff;
    border           : 1px solid #ddd;
    border-radius    : 0;
    display          : inline-block;
    margin-top       : 50px;
    padding          : 6px 12px;
  }
  /*pagination */

  /************  //Blog css  **************/



/* sidebar */
 
.widget_search,
.widget_text,
.widget_recent_entries,
.widget_categories,
.widget_pages,
.widget_meta,
.widget_archive, 
.widget_nav_menu, 
.tabs-widget
{
	padding: 0px 0px 6px;
}

.sidebar {
	padding        : 20px;
}

.sidebar h2{
    font-size: 20px;
    font-weight     : 400;
    margin          : 0 0 10px;
    padding         : 0;
    text-transform  : uppercase;
}


.widget_search {position: relative;}
.widget_search form [type="text"] 
{
	border: 1px solid #eee;
	width: 100%;
	position: relative;
	height: 40px;
	padding: 0px 10px;
}

.widget_search form [type="text"]:focus {
	border: 1px solid #e74c3c;
	outline: none;
}

.widget_search form [type="submit"] {
	height: 40px;
	position: absolute;
	right: 10px;
	top: -1px;
	width: 30px;
	background: none;
	border: 0;
	color: #888888;
}



.widget_recent_entries p {
	font-size: 12px;
	color: #666666;
}


.widget_recent_entries p a {
color: #212223;
font-size: 14px;
}


.widget_recent_entries p a:hover {
color: #e74c3c;
}

.widget_pages ul li,
.widget_categories ul li,
.widget_meta ul li,

.widget_nav_menu ul li{
	line-height: 20px;
}

.widget_pages ul li a, 
.widget_meta ul li a, 
.widget_archive ul li a,
.widget_nav_menu ul li a {
	color: #363636;
	font-family: "Lucida Sans", sans-serif;
	font-size: 13px;
	line-height: 21px;
	margin: 0px 0 24px;
}

.widget_pages ul li a:hover, 
.widget_meta ul li a:hover, 

.widget_archive ul li a:hover, 

.widget_nav_menu ul li a:hover {
	color: #e74c3c;
}


.widget_archive ul li, 
.widget_categories ul li, 
.widget_pages ul li, 
.widget_meta ul li, 
.widget_nav_menu ul li {
	border-bottom: 1px solid #eeeeee;
	padding: 8px 0;
}

.widget_archive ul li a i {
margin-right:5px;
}


.widget_tag_cloud a{
	border: 1px solid #eee;
	color: #666666;
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	padding: 3px 5px;
}


.widget_tag_cloud a:hover {
	background: #e74c3c;
	border-color: #e74c3c;
	color: #ffffff;
}

.widget_tag_cloud a:hover .badge{
	background: #fff;
	color : #e74c3c
}



.badge {
	background: #e74c3c;
	font-weight: normal;
	margin: 0 0 0 3px;
	padding: 0 4px;
	border-radius: 0px;
	font-size: 14px;
}


  /************   single page *************/
  .single-page-item {
	  padding  : 20px;
  }


  .post-article img {
    width: 100%;
  }

  .img-caption {
	  background : #eee;
	  color      : #666666;
	  font-size  :  12px;
	  width      : 100%;
	  margin     : 0;
	  padding    : 5px;
	  text-align : center;

	  margin-top : 1px !important;
	  clear      : both;
	  display: block;
	  }

  .article-content {
    margin-top: 20px;

  }

.article-content.clearfix p {

	margin-top: 10px;
}
  
  
.about-author {
	margin: 40px 0;
}

.about-author .media img{


	height: 100px;
	width: 100px;
} 


.pagenav li > a {


	line-height: normal;
	border: 0;
	color: #ffffff;
	border-radius: 0;
	background: #e74c3c;
}

.pagenav li > a:hover, 
.pagenav li > a:active, 
.pagenav li > a:focus {
	background-color: #eeeeee;

	color: #e74c3c;

	transition: all 0.5s ease 0s;		
}
  
  
  
  
.comments-area {
	margin-top:50px;
}
.comments-title {
	margin-bottom:30px;
}
.comments-title h3{
	text-transform: uppercase;
	margin-bottom: 5px;
}

ul.comment-list li {
	border: 1px solid #eeeeee;
	margin-bottom:30px;
}

.comment-author {
	border-bottom: 1px solid #eeeeee;
	position:relative;
}
.comment-author img{
	float: left;
	padding: 4px;
	border-right: 1px solid #eeeeee;
}

.media-heading span.author-name {display:block}
.media-heading h4{
	margin-left: 80px;
	padding: 8px;
	font-size: 14px;
}
.media-heading time{	font-size: 12px;}


.comment-author .comment-reply-link {
	font-size: 12px;
	color: #FFFFFF;
	padding: 3px 10px;
	background: #e74c3c;
	display: block;
	top: 16px;
	position: absolute;
	right: 10px;
	transition: all 0.5s ease 0s;	
}
.comment-author .comment-reply-link:hover {
	background-color: #eeeeee;
	color: #e74c3c;
}
.comment-content p{
	padding: 20px;
	margin: 0;
}

.comment-replay {margin-left:50px;}


.alert {
	border-radius: 0; 
}

.form-control:focus {
	border-color: #e74c3c;
	outline: 0;
	box-shadow: none;
}


.btn-primary {
	border: 0;
	color: #ffffff;
	border-radius: 0;
	background: #e74c3c;
	transition: all 0.5s ease 0s;
}


.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary {
	color: #FFFFFF;
	background-color: #2F2F72;
	border: 0;
}





  /************   //single page *************/


/* 404 Page */
 .not-found {
	text-align: center;
	padding-top: 150px;
	padding-bottom: 150px;
	margin-top:20px;
 } 

.not-found span {
	display: block;
	font-size: 70px;
} 
 /* BREAD CRUMB WITH BOX-SHADOW */

  .breadcrumb {
    background-color : #fff;
    list-style       : none outside none;
    padding          : 8px 15px;
    border-radius    : 0px;
    list-style       : none outside none;
    margin-bottom    : 0px;
    padding          : 8px 15px;
    font-size        : 12px;
  } 
  
  
  
  

/*--------------------------------------------
    ABOUT US PAGE
----------------------------------------------*/

  .page-title {
	  background      : rgba(0, 0, 0, 0);
	  padding-bottom  : 40px;
	  padding-top     : 40px;
	  background-image: url('img/header-about.png');
	  background-size: cover;
  }

  .Courses {
	  background      : rgba(0, 0, 0, 0);
	  padding-bottom  : 40px;
	  padding-top     : 40px;
	  background-image: url('img/header-course.png');
	  background-size: cover;
  }
  .Placement {
	  background      : rgba(0, 0, 0, 0);
	  padding-bottom  : 40px;
	  padding-top     : 40px;
	  background-image: url('img/header-placement.png');
	  background-size: cover;
  }
   .Franchisee {
	  background      : rgba(0, 0, 0, 0);
	  padding-bottom  : 40px;
	  padding-top     : 40px;
	  background-image: url('img/header-franchisee.png');
	  background-size: cover;
  }
  .page-title h1{
  	background     : rgba(0, 0, 0, 0.5);
  	color          : #fff;
  	display        : inline-block;
  	font-size: 40px;
  	font-weight    : 700;
  	margin         : 20px;
  	padding        : 20px;
  	text-transform : uppercase;
  }

  .Courses h1{
  	background     : rgba(0, 0, 0, 0.5);
  	color          : #fff;
  	display        : inline-block;
  	font-size: 40px;
  	font-weight    : 700;
  	margin         : 20px;
  	padding        : 20px;
  	text-transform : uppercase;
  }
  .Placement h1{
  	background     : rgba(0, 0, 0, 0.5);
  	color          : #fff;
  	display        : inline-block;
  	font-size: 40px;
  	font-weight    : 700;
  	margin         : 20px;
  	padding        : 20px;
  	text-transform : uppercase;
  }
  .Franchisee h1{
  	background     : rgba(0, 0, 0, 0.5);
  	color          : #fff;
  	display        : inline-block;
  	font-size: 40px;
  	font-weight    : 700;
  	margin         : 20px;
  	padding        : 20px;
  	text-transform : uppercase;
  }
  /* LEFT SIDEBAR BOX-SHADOW */
  .Contact {
	  background      : rgba(0, 0, 0, 0);
	  padding-bottom  : 40px;
	  padding-top     : 40px;
	  background-image: url('img/header-contact.png');
	  background-size: cover;
  }

  .Contact h1{
  	background     : rgba(0, 0, 0, 0.5);
  	color          : #fff;
  	display        : inline-block;
  	font-size: 40px;
  	font-weight    : 700;
  	margin         : 20px;
  	padding        : 20px;
  	text-transform : uppercase;
  }

  .Service {
	  background      : rgba(0, 0, 0, 0);
	  padding-bottom  : 40px;
	  padding-top     : 40px;
	  background-image: url('img/services_banner.png');
	  background-size: cover;
  }

  .Service h1{
  	background     : rgba(0, 0, 0, 0.5);
  	color          : #fff;
  	display        : inline-block;
  	font-size: 40px;
  	font-weight    : 700;
  	margin         : 20px;
  	padding        : 20px;
  	text-transform : uppercase;
  }
  div.left-about-sidebar.box-wrapper {
	padding: 20px;
  }


  .page-content {
	  padding       : 20px;
	}

 .page-article-content img{
  margin-bottom: 10px;
 }

  .page-article-content img.pull-left{
    margin-right: 20px;
  }

  .page-article-content img.pull-right{
    margin-left: 20px;
  }


  .thumbnail {
    background     : rgba(0, 0, 0, 0);
    border         : 0 none;
    margin-bottom  : 40px;
  }

  .thumbnail .caption h3 {
    font-size : 14px;
    margin    : 0;
  }

  .thumbnail .caption h3 a{
    color:#34404e;
  }

   .thumbnail .caption h3 a:hover{
      color:#e74c3c
   }

  .thumbnail .caption {
    padding-left   : 0;
    padding-right  : 0;
  }

  .thumbnail>img, 
  .thumbnail a>img 
  {
    margin-bottom: 10px;
  }


  .sidebar-content {
  	margin-bottom:30px
  }


  .sidebar-title {
    background       : rgba(0, 0, 0, 0);
    color            : inherit;
    font-size        : 16px;
    font-weight      : 400;
    margin           : 0 0 10px;
    padding          : 0;
    text-transform   : uppercase;
    margin-bottom    : 20px;
  }


  .sidebar-content ul li{
    border-bottom: 1px solid #eee;
    padding: 7px 0;
  }
  .sidebar-content ul li a{
    display: block;
  }
  .sidebar-content ul li a:hover{
    color: #e74c3c;
  }


  .order-list {
    margin : 0 !important;
  }

  .order-list li:before {
    color: #f29f97;
    content: "\f05d";
    float: left;
    font-family: FontAwesome;
    font-size: 24px;
    margin-right: 10px;
  }

  .order-list strong {
    display: block;
  }

  .order-list p {
    margin-left: 30px;
  }

  .project {
    margin: 0 !important;
  }

  .sidebar-content > .project li {
    border        : 1px solid #f1f2f3;
    display       : block;
    list-style    : none outside none;
    margin-bottom : 10px;
    padding       : 10px !important;
  }

  .project h4 {
  	margin-top: 10px;
  }


/*Single member page*/
  
  .member-thumbnail img{
    float: left;
    margin-right:20px;
  }

  .designation h2{
    margin: 0;
  }

  .designation span{
    font-size: 18px;
  }

.social-info{
  margin: 20px 0px;
}

.social-info ul li{
  display: inline;
}

.social-info ul li a{
  color: #ffffff;  
  opacity: 0.8;
  text-align: center;
  -webkit-transition: 0.3s;
}

.social-info ul li a i{
  width:40px;
  height:40px;
  line-height: 40px;
  border-radius: 50%;
}

.social-info ul li a:hover{
  opacity: 1;
}

.btn-facebook i{
  background: #30477b;
}

.btn-twitter i{
  background: #01aef0;
}

.btn-flickr i{
  background: #211F20;
}

.btn-gplus i{
  background: #c31c47;
}

.content-list{
  margin: 20px 0 20px 20px;
  list-style-type: disc;
}

.content-list li{
  padding: 5px 0px;
}


  /* Service Page CSS */ 

  .service-content {
  	padding : 20px;
  }

  .single-services {
  	margin-bottom :30px
  }

  .single-services img{
  	border-radius  : 2px; 
    margin-bottom  :20px
  }

  .single-services h4{
  	text-transform : uppercase;
  }



  /* Contact Page CSS */

  .contact-map {
  	padding: 20px
  }

  .contact-input-form {
  	padding: 20px
  }

  .contact h1 {
    font-size   : 36px;
    margin-top  : 0;
  }

  label {
    font-weight: 300;
  }

  .star {
    color: #ffcc00;
  }

  .contact-form .control-group input {
    width          : 100%; 
    height         : 40px; 
    margin-bottom  : 20px;
    padding        : 0 10px;
  }







  .contact-form .control-group input:focus {
  	outline: none
  }

  .contact-form .control-group {
    padding: 0;
  }

  .subbtn {
    color             : #fff;
    background-color  : #e74c3c;





    border-color      : #e43725;
    margin-top        : 20px;
    border-radius     : 0px;
}

  .subbtn:hover {
	color             : #fff;
	background-color  : #df2e1b;
	border-color      : #b62516;
  }

  .contact-form .control-group textarea {
    height     : 200px;
    width      : 100%;
    padding    : 10px
  }

  .contact-form .control-group textarea:focus {
  	outline: none
  }

  .contact-page-sidebar {
  	padding: 20px
  }

  #css-demo .product-item {
    margin   : 3px;
    position : relative;
  }
  #css-demo .product-item img {
    display        : block;
    width          : 100%;
    height         : 270px;
    border-radius  : 3px
  }



  /* SLIDER COTROIL NAVIGATION
  ------------------------*/


  .customNavigation {
    cursor    : pointer;
    position  : absolute;
    right: 50px;
    top       : 15px;
  }

  .customNavigation a{
    display  : inline-block;
    height   : 24px;
  }

  .customNavigation a.prev,  /* for Previous Control */
  .customNavigation a.next   /* for Next Control */
    {
      float:right
    }





  /* HOME- PRODUCT
  --------------------------*/

  .single-product {
    position    : absolute;
    z-index     : 999;

    left: 9px;
    border: 1px solid #9B9B9B;
    background: rgba(255, 255, 255, 0.78);
    bottom      : 0;
    padding     : 10px;
    right       : 15px;
  }

  .product-slider h3{
    margin-bottom : 32px;
  }

  .single-product h4 a{
    color: #141823;
  }


  .single-product .readmore  a{
    float:left;
    margin-top: 40px;
  }



  .single-client {}
  .single-client img{}



  .testimonial {
    color: rgb(53, 53, 53);
    font-size: 14px;
    font-style      : italic;
    font-weight     : 300;
    margin-bottom   : 20px;
  }








  .testimonial i{
    color         : #eee;
    display       :initial;

  }

  /*******	pricing table	******/

  h1.pricing-table-heading {
    margin-bottom : 20px;
    margin-top    : 20px;
  }
  /* dynamic pricing table */

  ul.plan.text-center {
	border     : 2px solid #eee;
	margin     : 0;
	padding    : 0;
	text-align : center;
  }

  ul.plan.text-center.featured {
  	position:relative;
  }

  ul.plan.text-center.featured:before{
	  color        : #cc0000;
	  content      : "\f02e";
	  font-family  : FontAwesome;
	  font-size    : 30px;
	  position     : absolute;
	  right        : 30px;
	  top          : -10px;
  }

  ul.plan.text-center li {
    border-bottom  : 1px solid #eee;
    padding        : 10px;
    font-size      : 16px;
  }

  ul.plan.text-center li.plan-price{}

  ul.plan.text-center li.plan-price p.plane-name {
    font-size       : 16px;
    font-weight     : 400;
    margin          : 0;
    padding         : 30px 10px 10px;
    text-transform  : uppercase;
  }

  ul.plan.text-center li.plan-price h2.plane-price {
    font-size    : 48px;
    font-weight  : 700;
    margin       : 0;
    padding      : 0 20px;
  }

  ul.plan.text-center li.plan-price span.plane-duration{}

  ul.plan.text-center li.plan-action {
    padding : 30px 10px;
  }

  ul.plan.text-center li.plan-action a.btn {
    background      : #eee;
    border          : 0 none;
    border-radius   : 0;
    color           : #34404E;
    font-size       : 18px;
    padding         : 10px 20px;
    text-transform  : uppercase;
  }

  ul.plan.text-center li.plan-action a.btn:hover {
    background : #ddd;
  }

  ul.plan.text-center.featured li.plan-action a.btn {
    background     : #e74c3c;
    color          : #fff;
  }

  ul.plan.text-center.featured li.plan-action a.btn:hover {
    background  : #ddd;
    color       : #222;
  }

  .less-border-top {
  	border-top:0;
  }

  .less-border-bottom {
  	border-bottom:0;
  }


  .less-border-left {
  	border-left:0;
  }

  .less-border-right {
  	border-right:0;
  }

  p.blank-space {
  	display  : block;
  	height   : 5px;
  }



  /* static pricing table */
  h1.pricing-table-static {

     margin-bottom : 40px;
  }

  ul.static-plan.text-center{
    border : 2px solid #ddd;
  }

  ul.static-plan.text-center li {
    border-bottom  : 1px solid #eee;
    font-size      : 16px;
    padding        : 10px 20px;
    text-align     : center;
  }

  ul.static-plan.text-center li.yes{}

  ul.static-plan.text-center li.no{
  	color            : #999;
    text-decoration  : line-through
  }

  ul.static-plan.text-center li.row0{}

  ul.static-plan.text-center li.row1{
  	background: #f7f7f7;
  }

  ul.static-plan.text-center li.plan-price {
    background   :   #666;
    color        : #fff;
    margin       : -2px -2px 0;
    padding      : 10px 20px;
  }

  ul.static-plan.text-center.featured {
	width        : 104%;
	z-index      : 9999;
	position     : relative;
	box-shadow   : 0px 0px 0px 5px #aaa;
	margin-left  : -2%;
	border  	 : 0;
	margin-top 	 : -30px;
  }

  ul.static-plan.text-center.featured li.plan-price {
	background    : #e74c3c;
	color         : #fff;
	margin        : 0px;
	padding       : 10px 20px;

	height        : 138px;
  }

  ul.static-plan.text-center li.plan-price h2.plane-name {
    font-size       : 23px;
    margin-top      : 20px;
    margin-bottom   : 10px;
  }

  ul.static-plan.text-center li.plan-price span.plane-slogan {
    display       : block;
    font-weight   : 300;
    margin        : 0 0 10px;

  }

  ul.static-plan.text-center li span.big-number {


    display    : inline-block;
    font-size  : 70px;
  }

  ul.static-plan.text-center li span.big-number  sup{
	font-size  : 28px;
	top        : -1em;
  }

  ul.static-plan.text-center li.plan-action {
    background  :   #eee;
    border      : 2px solid #d5d5d5;
    padding     : 20px;
    margin      : -2px;
  }






  ul.static-plan.text-center.featured li.plan-action {

	background    : #eee;
	border-right  : 0px;
	padding       : 20px;
	margin        : 0px;
	border-left   : 0px;
	border-bottom : 0px;
  }

  ul.static-plan.text-center li.plan-action a.btn {
    background      : #fff;
    border          : 1px solid #ccc;
    border-radius   : 0;
    color           : #333;
    font-size       : 18px;
    padding         : 10px 20px;
  }

  ul.static-plan.text-center.featured li.plan-action a.btn {
    background : #e74c3c;
    color      : #fff;
  }

  ul.static-plan.text-center li.plan-action a.btn:hover {
    background   : #ebebeb;
    border       : 1px solid #adadad;
  }

  ul.static-plan.text-center.featured li.plan-action a.btn:hover {
  	background: #df2e1b;
  }



  /*  faq section  */
  .faq-inner h2, 
  .faq h2 
  {
    font-size      : 35px;
    margin-bottom  : 30px;
    margin-top     : 20px;
    text-transform : capitalize;
  }

  .faq h3, 
  .faq-inner h3 
  {
	font-size      : 19px;
	margin-top     : 20px;
	margin-bottom  : 10px;
  }

  #faq p {}

  #pricing .box-wrapper {
    overflow  : hidden;
    padding   : 20px;
  }

  .alert.alert-warning {
   	border-radius:0px;
  }
  /*******	//pricing table	******/ 


/*Shortcode page
---------------------------------------*/
.shortcode-title > h2{
  margin-bottom: 40px;
}

.media-shortcode, 
.alert-shortcode, 
.list-shortcode, 
.column-shortcode, 
.button-shortcode, 
.typography-shortcode, 
.form-shortcode{
  padding: 20px;
}

.column-shortcode-wrapper, 
.button-wrapper, 
.typography-shortcode-wrapper{
  padding-bottom: 15px;
}

.list-style li, 
.list-style-circle li{
  padding:5px 0;
  font-size: 14px;
}

.list-style li i, 
.list-style-circle li i{
  color:#999;
  margin-right: 5px;
}

.list-style-circle li i{
  border: 1px solid #999;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 17px;
  font-size: 11px;
}

/* button shortcode
--------------------------------*/

.btn-wrapper {
    margin : 30px 0px;
}

.small-btn a {
    font-size   : 14px;
    font-weight : normal;
    padding     : 6px 15px;
    color       : #FFFFFF;
}

.simple-btn a,
.medium-btn a,
.large-btn a,
.rounded-btn a,
.simple-icon-btn a {
    background : #e74c3c;
}

.simple-btn a:hover,
.medium-btn a:hover,
.large-btn a:hover,
.rounded-btn a:hover,
.simple-icon-btn a:hover {
    background : #df2e1b;
}

/*Medium simple btn*/
.medium-btn a {
    font-size   : 20px;
    font-weight : normal;
    padding     : 8px 25px;
    color       : #FFFFFF;
}

/*Large simple btn*/
.large-btn a {
    font-size   : 30px;
    font-weight : normal;
    padding     : 10px 30px;
    color       : #FFFFFF;
}

/*Rounded simple btn*/
.rounded-btn a {
    border-radius : 30px;
    padding       : 10px 30px;
}

.rounded-btn i {
    position : relative;
    left     : -8px;
}

/*Simple icon btn*/
.simple-icon-btn i {
    position : relative;
    left     : -3px;
}

/*Only border btn*/
.only-border-btn a {
    color      : #34404e;
    border     : 2px solid #e74c3c;
    background : transparent;
}

.only-border-btn a:hover {
    background : #df2e1b;
    color      : #FFFFFF;

}

.only-border-btn i {
    position : relative;
    left     : -3px;
}

.button-shortcode ul.pagination{
  margin-top: 20px;
}


/*typography-wrap*/

.typography-wrap p{
  margin-bottom: 35px;
}

.typography-wrap span {
  display: block;
  margin-bottom: 10px;
}


  /*******	project page	******/ 

  section.project .box-wrapper {
  	padding-top: 1px
  }

  #grid {}



  .fix {
  	overflow:hidden;
  }

  .mrg15 {
  	margin:15px;
  }

  .pad0 {
  	padding:0px;
  }

  #filter {
    display     : block;
    list-style  : none outside none;
    margin      : 35px 20px 30px;
    overflow    : hidden;
    padding     : 0;
    width       : 100%;
  }

  #filter li {
	float        : left;


	margin       : 0;
	padding      : 0;
	border       : 0;
	background   : none;
  }

  #filter li a {
	-moz-user-select: none;
	background    :   #fafafa;
	border        : 1px solid #ddd;
	border-radius : 1px;
	color         : #333;
	cursor        : pointer;
	display       : block;
	font-size     : 15px;
	margin        : 0 3px 0 0;
	padding       : 3px 6px;
  }

  #filter li a:hover {}

  #filter li a.active {
	background:   #333;
	border-color: #333;
	color: #fff;
  }





  /* project single content */

  .project-item .project-image-container {
  	position:relative;  	
  }

  .project-item .project-image-container span {
  	position              : absolute;
  	font-size             : 20px;
  	color                 : #fff;
  	height                : 100%;
  	width                 : 100%;
  	top                   : 0;
  	text-align            : center;
  	background            : rgba(0,0,0,0);
  	-webkit-transition    : all 0.5s;
  	-moz-transition       : all 0.5s;
  	transition            : all 0.5s;
  	-webkit-transform     : translateZ(0); 

  }

  .project-item .project-image-container span a {
  	position:relative;
  	top:-100%;
  	color:#fff;
  	opacity: 0;
  	background: #000;
  	padding: 8px 10px;
  	border-radius: 3px;
  	
  }

  .project-item .project-image-container span:hover a {
  	top:48%;
  	opacity: 1;
  }

  .project-item .project-image-container:hover span {
  	background: rgba(0,0,0, .2);
  }



  .project-item {}

  .project-details {}

  .project-details h2{
  	margin-top     : 20px;
  	margin-bottom  : 10px;
  }

  .project-details h2 a{
  	font-size   : 16px;
  	color       : #222;
  }
  .project-details p{
  	margin   : 10px 0;
  	display  : block;
  }

  .project-details .readmore a{
    border-top      : 2px solid #ddd;
    display         : inline-block;
    font-size       : 12px;
    font-weight     : 400;
    margin-top      : 15px;

    padding-top     : 5px;
    text-transform  : uppercase;
    display         : inline-block;
    margin-bottom   : 20px;
  }






  /* Homepage Two CSS */

  .slid-bottom-promo {

  	background      : #37373a;
    padding         : 20px;

    color           : #fff;
    overflow        : hidden;

  }

  .slid-bottom-promo h2 {
  	margin: 0;

  }

  .slid-bottom-promo .icon {
  	color        : #e74c3c;
    float        : left;
    font-size    : 60px;
    line-height  : 60px;
    text-shadow  : 1px 1px #1B1B1B, 2px 2px #1B1B1B, 3px 3px #1B1B1B, 4px 4px #1B1B1B, 5px 5px #1B1B1B, 6px 6px #1B1B1B, 7px 7px #1B1B1B, 8px 8px #1B1B1B, 9px 9px #1B1B1B, 10px 10px #1B1B1B, 11px 11px #1B1B1B, 12px 12px #1B1B1B, 13px 13px #1B1B1B, 14px 14px #1B1B1B, 15px 15px #1B1B1B, 16px 16px #1B1B1B, 17px 17px #1B1B1B, 18px 18px #1B1B1B, 19px 19px #1B1B1B, 20px 20px #1B1B1B, 21px 21px #1B1B1B, 22px 22px #1B1B1B, 23px 23px #1B1B1B, 24px 24px #1B1B1B, 25px 25px #1B1B1B, 26px 26px #1B1B1B, 27px 27px #1B1B1B, 28px 28px #1B1B1B, 29px 29px #1B1B1B, 30px 30px #1B1B1B, 31px 31px #1B1B1B, 32px 32px #1B1B1B, 33px 33px #1B1B1B, 34px 34px #1B1B1B, 35px 35px #1B1B1B, 36px 36px #1B1B1B, 37px 37px #1B1B1B, 38px 38px #1B1B1B, 39px 39px #1B1B1B, 40px 40px #1B1B1B, 41px 41px #1B1B1B, 42px 42px #1B1B1B, 43px 43px #1B1B1B, 44px 44px #1B1B1B, 45px 45px #1B1B1B, 46px 46px #1B1B1B, 47px 47px #1B1B1B, 48px 48px #1B1B1B, 49px 49px #1B1B1B, 50px 50px #1B1B1B, 51px 51px #1B1B1B, 52px 52px #1B1B1B, 53px 53px #1B1B1B, 54px 54px #1B1B1B, 55px 55px #1B1B1B, 56px 56px #1B1B1B, 57px 57px #1B1B1B, 58px 58px #1B1B1B, 59px 59px #1B1B1B, 60px 60px #1B1B1B, 61px 61px #1B1B1B, 62px 62px #1B1B1B, 63px 63px #1B1B1B, 64px 64px #1B1B1B, 65px 65px #1B1B1B, 66px 66px #1B1B1B, 67px 67px #1B1B1B, 68px 68px #1B1B1B, 69px 69px #1B1B1B, 70px 70px #1B1B1B, 71px 71px #1B1B1B, 72px 72px #1B1B1B, 73px 73px #1B1B1B, 74px 74px #1B1B1B, 75px 75px #1B1B1B, 76px 76px #1B1B1B, 77px 77px #1B1B1B, 78px 78px #1B1B1B, 79px 79px #1B1B1B, 80px 80px #1B1B1B, 81px 81px #1B1B1B, 82px 82px #1B1B1B, 83px 83px #1B1B1B, 84px 84px #1B1B1B, 85px 85px #1B1B1B, 86px 86px #1B1B1B, 87px 87px #1B1B1B, 88px 88px #1B1B1B, 89px 89px #1B1B1B, 90px 90px #1B1B1B, 91px 91px #1B1B1B, 92px 92px #1B1B1B, 93px 93px #1B1B1B, 94px 94px #1B1B1B, 95px 95px #1B1B1B, 96px 96px #1B1B1B, 97px 97px #1B1B1B, 98px 98px #1B1B1B, 99px 99px #1B1B1B, 100px 100px #1B1B1B;
}




  .single-promo {
  	padding     : 20px;
    min-height  : 225px;
  }

  .accordion-group {
    margin-bottom         : 2px;
    border                : 0px solid #e5e5e5;
    -webkit-border-radius : 0px;
    -moz-border-radius    : 0px;
    border-radius         : 0px;
  }

   #scrollUp {
	  bottom         : 25px;
	  height         : 32px;
	  right          : 20px;
	  width          : 32px;
	  background     : #e74c3c;
	  text-align     : center;
	  padding-right  : 14px;
	  padding-top    : 7px;
	  border-radius  : 3px;
  }
   #scrollUp:hover {
	  background     : #AD2416;
  }


  #scrollUp:before {
  	font-family : FontAwesome;
  	color       : #fff;
  	position    : absolute;
  	content     : "\f077";
  	z-index     : 999999;
  }



  .bannercontainer {
  	width      : 100%;
  	position   : relative;
  	padding    : 0;
  }
   
  .banner{
  	width     : 100%;
  	position  : relative;
  }


  .slider-caption{
  	background: rgba(27, 27, 91, 0.64);
  	color         : #fff;
  	font-size     : 36px;
  	font-weight   : bold;
  	line-height   : 36px;
  	padding       : 10px;
  }

  .slider-caption2{
    color           : #fff; 
    font-size       : 36px; 
    font-weight     : bold;
    line-height     : 36px;
    padding         : 10px;
    border          : 3px solid #fff;
    text-transform  : uppercase;
  }



.map-canvas {
	height: 300px;
}


.mt-20 {margin-top: 5px;}


.last-gutter-h2 img {
  min-height: 184px;
}



/* Homepage Four CSS */

.slider-bottom-service {
padding: 20px;
}

.slider-bottom-service a{
	color: #34404e;
	display: inline-block;
	padding: 5px 42px;

	font-size: 16px;
	font-weight: 400;
}

.slider-bottom-service a:hover{
color:#e74c3c;
}

.slider-bottom-service a i{
	color: #e74c3c;
	margin-right: 10px;
	font-size: 20px;
}



.get-more-info {
	padding: 20px;
}

.get-more-info img{
  padding-left: 20px;
}

.more-info-text h3{
text-transform: uppercase;
}

.more-info-text p {

}

.left-icon-box {
	padding:20px 50px;
}

.icon {
	font-size: 60px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	color: #e74c3c;
}

.left-icon-box .title {
	font-size: 22px;
	line-height: 27px;
	margin-bottom: 8px;
	display: block;
}

.left-icon-box button {
	display: block;
	margin-top: 15px;
}

.home-blog-link {
padding:20px;
}



.btn-default {
border-radius :0;
}




/* Homepage Five CSS */

.home-info-v5 {padding: 30px 20px 0;}
.info-blocks {
  margin-bottom: 20px;
}

.info-blocks i {
  color: #777;
  float: left;
  font-size: 30px;
  min-width: 45px;
}

.info-blocks .info-blocks-in {
  padding: 0 10px;
  overflow: hidden;
}

.info-blocks .info-blocks-in h2 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.home-v5 {}
.home-v5 .single-promo {
  min-height: inherit;
}


.home-intro-v5 {
  padding: 20px;
}


.last-gutter img{
  min-height: 163px;
}


/* Homepage Six CSS */

.home-intro-v6 {
  padding: 20px;
  text-align: center;

}



.home-offer-v6 {
  padding: 30px
}

.offer-blocks {
  background: #f1f1f1;
  overflow: hidden;
}

.offer-blocks-text {
  width: 50%;
  padding: 40px 20px 20px;
}


.offer-blocks-img {
  width: 50%;
}



.review-blocks {
  padding: 30px 20px 20px;
  text-align: center;
}

.review-blocks:hover {
  cursor: pointer;
}


.review-blocks i {
  font-size: 30px;
  background: #eee;
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 50px;
  padding: 10px;

  margin-bottom: 20px;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
}


.review-blocks:hover i{

  color: #e74c3c;
}


.single-promo-v6 {
  padding: 20px;
}


/* Menu hover */

.megamenu-wrapper{
	width:100%;
}

li.dropdown {
    position : relative;
}

/* 2nd label menu */

li.dropdown > .submenu-wrapper {
    position       : absolute;
    display        : block;
    left           : 0;
    z-index        : 999;
    pointer-events : none;
}

li.dropdown > .submenu-wrapper > .submenu-inner {
	margin-top: -2px;
    opacity            : 0;

    -webkit-transform  : translateY(-100%);
    -moz-transform     : translateY(-100%);
    -ms-transform      : translateY(-100%);
    -o-transform       : translateY(-100%);
    transform          : translateY(-100%);

    /* Will change on theme specific */

    min-width          : 200px;

    /* Will change on theme specific */

    /*
    ease-in-out, 
    easeOutBack   = cubic-bezier(0.175, 0.885, 0.32, 1.275)
    easeInOutCirc = cubic-bezier(0.785, 0.135, 0.15, 0.86)
    easeInOutBack = cubic-bezier(0.68, -0.55, 0.265, 1.55)
    */

    -webkit-transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition    : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition     : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition      : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition         : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

li.dropdown:hover > .submenu-wrapper {
    pointer-events : auto;
}

li.dropdown:hover > .submenu-wrapper > .submenu-inner {
    opacity           : 1;
    -webkit-transform : translateY(0);
    -moz-transform    : translateY(0);
    -ms-transform     : translateY(0);
    -o-transform      : translateY(0);
    transform         : translateY(0);
}

li.dropdown.menu-animating > .submenu-wrapper {
    overflow : hidden;
}

/* 3rd label menu */

li.dropdown > .submenu-sub-wrapper {
    position       : absolute;
    left           : 100%;
    top            : 0;
    display        : block;
    z-index        : 1000;
    width          : 100%;
    pointer-events : none;
    min-width      : 200px;
}

li.dropdown > .submenu-sub-wrapper-leftright > .submenu-sub-inner-leftright {

    opacity            : 0;
    -webkit-transform  : translateX(-100%);
    -moz-transform     : translateX(-100%);
    -ms-transform      : translateX(-100%);
    -o-transform       : translateX(-100%);
    transform          : translateX(-100%);

    /*
    ease-in-out,
    easeOutBack   = cubic-bezier(0.175, 0.885, 0.32, 1.275)
    easeInOutCirc = cubic-bezier(0.785, 0.135, 0.15, 0.86)
    easeInOutBack = cubic-bezier(0.68, -0.55, 0.265, 1.55)
    */

    -webkit-transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition    : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition     : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition      : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition         : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

li.dropdown:hover > .submenu-sub-wrapper {
    pointer-events  : auto;
}

li.dropdown:hover > .submenu-sub-wrapper-leftright > .submenu-sub-inner-leftright { 
    opacity           : 1;
    -webkit-transform : translateX(0);

    -moz-transform    : translateX(0);
    -ms-transform     : translateX(0);
    -o-transform      : translateX(0);
    transform         : translateX(0);

}

li.dropdown.menu-animating > .submenu-sub-wrapper {
    overflow : hidden;
}

li.dropdown > div > div ul{
    background        : #FFFFFF;
    padding           : 20px;
}

ul.sub-dropdown-menu li{
  padding: 10px 0px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}

.dropdown.open a{
  background: transparent;
}

li.dropdown span{
  position: absolute;
  right:0;
  top: 13px;
}






  /* offcanvas css */

  a.list-group-item.active, 
  a.list-group-item.active:hover, 
  a.list-group-item.active:focus 
  {
	z-index          : 2;
	color            : #fff;
	background-color : #e74c3c;
	border-color     : #e74c3c;
	padding          : 10px;
  }

  .offcanvas-wrapper .sidebar-nav h2 {
    margin          : 0;
    line-height     : 55px;
    font-size       : 14px;
    font-weight     : bold;
    text-transform  : uppercase;
    padding         : 0 0 0 12px;
	color			: #fff;
  }

  .offcanvas-wrapper .sidebar-nav > ul {
    padding: 24px 12px;
  }

  .offcanvas-wrapper .sidebar-nav li {
    border-top : 1px solid #333;
    margin-top : 0;
  }

  .offcanvas-wrapper .sidebar-nav li a {
    padding : 10px;
    display : block;
  }

  .offcanvas-wrapper .sidebar-nav li a:hover {
    color      : #bf2718;
    background : #eee;
  }

  .offcanvas-wrapper .sidebar-nav li.active > a, 
  .offcanvas-wrapper .sidebar-nav li.active > a:hover, 
  .offcanvas-wrapper .sidebar-nav li.active > a:focus 
  {
	color            : #fff;
	background-color : #181818;
  }

  .offcanvas-wrapper .sidebar-nav li:first {
    border-top: 0;
  }

  .sidebar-nav {
	padding-left   : 20px;
	margin-bottom  : 20px;
	position 	   : relative;
  }
  
  
 .sidebar-nav button.close {
	position: absolute;
	right: 0;
	top: 15px;
	color: #fff;
	} 
	
 .sidebar-nav button.close :hover,
 .sidebar-nav button.close :focus,
 .sidebar-nav button.close :active{
	color: #fff;
	}

  .list-group ul li {
    border-radius   : 0;
    background      : transparent;
  }
  
  
  
 .col-elements h2 {
 text-transform: uppercase;
 } 


.margin-bottom-40 {
margin-bottom: 40px;
}
/*----------------------------------------------------
	KEY FRAME
------------------------------------------------------*/

  @-webkit-keyframes toRightFromLeft {
    49% {
      -webkit-transform: translate(100%);
    }
    50% {
      opacity: 0;
      -webkit-transform: translate(-100%);







    }
    51% {
      opacity: 1;
    }
  }
  @-moz-keyframes toRightFromLeft {
    49% {
      -moz-transform: translate(100%);
    }
    50% {
      opacity: 0;
      -moz-transform: translate(-100%);
    }
    51% {
      opacity: 1;
    }
  }
  @keyframes toRightFromLeft {
    49% {
      transform: translate(100%);
    }
    50% {
      opacity: 0;
      transform: translate(-100%);
    }
    51% {
      opacity: 1;
    }
  }



#tabs.home-tab ul li a i.fa-map-maker {
  	color: #8ebb80
  }

  #tabs.home-tab ul li a i.fa fa-map-marker {
  	color: #80b9bb
  }

  #tabs.home-tab ul li a i.fa-fa-clock-o {
  	color: #dc7a7a
  }
  
  
  
.fa-facebook {
} 
.fa-linkedin {
    background:#007bb6
}
.fa-twitter {
}
.fa-google-plus {

}

.fa-lock {
    background:#00a78e
}


.fa-user {
    background:#16214d
}

ul li a i:hover {
    color: rgb(255, 214, 12);
}





input, textarea {
		padding: 6px;
		margin: 2px 0px 5px 0;
		background: #fff;
		width: 300px;
		font-size: 12px;
		color: #555;
		border: 1px #C3C3C3 solid;/* -- CSS3 Shadow - create a shadow around each input element -- */
		-webkit-box-shadow: 0px 0px 4px #aaa;
		-moz-box-shadow: 0px 0px 4px #aaa;
		box-shadow: 0px 0px 4px #aaa;/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */
		-webkit-transition: background 0.3s linear;
	}

	
	textarea {
		width: 300px;
		height: 46px;
	}
	
	input:hover, textarea:hover { 
		background: #eee; 
	}
		
	input.submit { 	
		width: 150px; 
		color: #eee; 
		text-transform: uppercase; 
		margin-top: 10px;
		background-color: #18a5cc;
		border: none;
		
		/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
		-webkit-transition: -webkit-box-shadow 0.3s linear;
		
		/* -- CSS3 - Rounded Corners -- */
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px;
		border-radius: 4px; 
						
		/* -- CSS3 Shadow - create a shadow around each input element -- */ 
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 
		background: -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc);		
	} 
	
	input.submit:hover { 		
		-webkit-box-shadow: 0px 0px 20px #555;
		-moz-box-shadow: 0px 0px 20px #aaa; 
		box-shadow: 0px 0px 20px #555;	
		cursor:  pointer; 
	} 	
	

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


























h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333333; }
a {text-decoration: none;transition: all 0.3s ease-in-out;}
p {
    font-family: "Lucida Sans", sans-serif;
    font-size: 13px;
    line-height: 24px;
    margin: 0 0 5px;
}
/* Sticky Header Styling */

/* Top Bar Style Start*/
#header .main-header{position:relative;}
.top-bar{background: #167ac6;padding-left: 20px;}
#header a,#header a:hover{outline:none;text-decoration:none;}
.top-bar:after{clear:both;display:block;content:"";}
.top-bar ul.top-nav{margin:0;padding: 10px 35px;color: white;}
.top-bar ul.top-nav li{margin:0 15px 0 0;padding:0;display:inline-block;position:relative;}
.top-bar ul.top-nav li a{font-size: 12px;text-decoration:none;outline:none;font-weight: 300;display:inline-block;color: white;}
.top-bar .top-nav.nav-right{text-align:right;float:right;}
.top-bar ul.top-nav.nav-right > li{margin:0 0 0 15px;}
.top-bar ul.top-nav.nav-right > li:after{content:"-";position:absolute;top:0;left:-12px;font-size:11px;font-weight:bold;}
.top-bar ul.top-nav.nav-right > li:first-child:after{display:none;}
/*User Style Start*/
.top-bar .cs-user{display:inline-block;vertical-align:middle;float:right;padding:9px 0;margin-left:20px;}
.top-bar .cs-user ul{margin:0;padding:0;}
.top-bar .cs-user ul li{padding: 0 0px 0 15px;display:inline-block;position:relative;border-left:solid 1px rgba(255,255,255,0.3);margin:0;}
.top-bar .cs-user ul li a{font-size:11px;text-decoration:none;outline:none;text-transform:uppercase;}
.top-bar .cs-user ul li a i{margin-right:10px;}

.top-bar .cs-user ul li ul{width:229px;position:absolute;top:114%;left:20px;background:#fff;padding:0;z-index:-1;opacity:0;visibility:hidden;transform:translateY(20px);text-align:left;padding:0 12px;}
.top-bar .cs-user ul li ul li{padding:12px 0;border-bottom:solid 1px #f3f3f4;display:block;position:relative;}
.top-bar .cs-user ul li ul li:after{content:"\f178";font-family: 'icomoon';position:absolute;right:0;top:15px;color:#000 !important;opacity:0;visibility:hidden;}
.top-bar .cs-user ul li ul li.active:after{opacity:1;visibility:visible;}
.top-bar .cs-user ul li ul li:hover:after{opacity:1;visibility:visible;}
.top-bar .cs-user ul li ul li a{font-size:12px;font-weight:700;display:block;}
.top-bar .cs-user ul li ul li a i{font-size:15px;}
.top-bar .cs-user ul li:hover ul{opacity:1;visibility:visible;transform:translateY(-2px);z-index:999;}
/*User Style End*/
/* Top Bar Style End*/
/* Logo Style Start*/
#header.modern {position:absolute;width:100%;top:0;left:0;}
#header .cs-logo{padding: 0px 0 25px;}
#header.modern .cs-logo.cs-logo-dark,#header .cs-logo.cs-logo-light{display:none;}
#header.modern .cs-logo.cs-logo-light{display:block;}
.main-header{background:#FFF;}
.modern .main-header{background-color:transparent;box-shadow:none !important;}


#header .main-navigation ul ul li.menu-item-has-children:hover > a:after{color:#FFF !important;content:"\ea07";}
.main-navigation ul li.menu-item-has-children:hover a:after{color:#FFF;}
/*Drop-Down Start Style*/


/*Navigation Style End*/


/*Cart Style End*/
/*Search Area Style End*/
.cs-menu-slide {display:inline-block;padding:39px 0 0;}
.mm-toggle {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;display: inline-block;position: relative;top: 0px;padding:0;}
.mm-toggle i{font-size: 26px;}
.mobile-menu .input-group .form-control{height:30px; padding-left:10px;}
.overlay{cursor:crosshair;}
/* Logo Style End*/







/*Top Bar*/
.top-bar ul.top-nav,.top-bar .top-nav.nav-right{}
.cs-search-area{display:inline-block;}
.slicknav_item.slicknav_row > span {display: block;font-size: 10px;line-height: 12px;margin-bottom: 8px;color:rgba(255,255,255,0.6);} 

}

/* 767px to 480px */
@media screen and (max-width: 767px) {
.cs-section-title.center{padding:0;}
ul.cs-blog-grid-slider li .cs-blog.masonry .cs-text .cs-post-comments{right: 7px;}

.cs-blog-masonry .grid li .cs-blog.post-without-img .cs-text .cs-post-comments, .cs-blog-masonry .grid li .cs-blog.masonry .cs-text .cs-post-comments{right: 7px;}
.top-bar .slicknav_menu{ display: block;position:absolute;z-index:20;}
.wp-smartstudy .cs-events-masonry .grid li{width: 50%;}
.top-nav { display: none; }
.top-bar .slicknav_menu .slicknav_btn{float:left;border:solid 1px #fff !important;width:43px;top:-3px;z-index:20;}
.top-bar .slicknav_menu .slicknav_icon-bar{border:solid 1px #fff !important;}
.top-bar .slicknav_menu .slicknav_menutxt{color:#FFF !important}
.top-bar .cs-user{margin-top:-22px;}
.slicknav_nav li,.slicknav_nav li a{border-bottom:0;}
.slicknav_nav li:last-child a{border-bottom:1px solid rgba(225, 225, 225, 0.5);}
.cs-search-area .search-area form{right:-20px;}
.cs-search-area .search-area form:before{right:30px;}
.cs-section-title.center{padding:0;}
.wp-smartstudy .cs-courses.courses-listing .cs-text{overflow: inherit;}
.wp-smartstudy .cs-courses.courses-listing .cs-media{margin: 0 0 20px 0; width: 100%;}
.wp-smartstudy .cs-sorting-list .cs-select-holder{width: 170px;}
.wp-smartstudy .cs-review-box{width: 65%;}
.wp-smartstudy .cs-review-summary{width: 24%; margin-left: 15px;}
.wp-smartstudy .cs-user-content ul.cs-shortlisted li .cs-remove-btn{ margin-top:-40px;}
.wp-smartstudy .cs-team.listing .cs-media{ vertical-align:top;}
.wp-smartstudy .cs-author-info .alignleft, .wp-smartstudy .cs-author-info .alignright{ width:100%;}
.wp-smartstudy .cs-courses.courses-listing .cs-text{ width:100%; padding-top:20px;}
.cs-journy-timeline{padding:0 50px;}
.cs-journy-timeline ul li{width:14%;}
.cs-journy-timeline ul::after{width:89%;}
.cs-journy-timeline ul{margin-left:14px;}
.image-frame.has-border .cs-media figure:after{left:-10px;bottom:-10px;}
.image-frame.has-border{margin-bottom:40px;}
.wp-smartstudy .cs-team.listing .cs-media{width:100% !important;margin-bottom:20px;display:block;}
.wp-smartstudy .cs-team.listing .cs-text{width:100% !important;padding-left:0 !important;}
.wp-smartstudy .cs-suggestions-list{width:91%;}
.wp-smartstudy .cs-sorting-list .cs-select-holder{width:146px;}
.wp-smartstudy .cs-courses.courses-listing{margin:0 20px;}
.wp-smartstudy .messagebox-v2 .buy-now-btn{position:relative;top:0;right:0;margin-top:20px;display:inline-block;}
.cs-repeated-partners li{padding:inherit;margin:0 -4px 0 0;text-align:center;}
#cs-construction{overflow-y:scroll}
.cs-news-letter,.cs-construction .input-holder input[type="submit"], .cs-construction .input-holder,.news-letter-heading, .news-letter-form{width:100%;position:relative;}
.news-letter-form, .news-letter-heading{text-align:left;}
.blog-medium .cs-blog-text{width: 100%; padding: 20px 0 0 0;}
.blog-medium .cs-blog-holder{width: 92%;}
.cs-blog-masonry .grid li{width:100%;}
.cs-partners ul li figure{text-align: center;}
.cs-partners ul li img{width: auto;}
}
@media screen and (min-width: 500px) and (max-width: 767px) {
	ul.cs-history-slider li .cs-text{bottom:-80px;}
	ul.cs-top-categories li{width:49%; margin:0;padding:0 10px;}
}
/* 480px to 320px */
@media screen and (max-width: 480px) {
ul.cs-top-categories li{width:49% !important;}	
.cs-partners ul li figure{text-align: center;}
.cs-partners ul li img{width: auto;}
.cs-blog-masonry .grid li{width: 100%;}
ul.cs-blog-grid-slider li .cs-blog.masonry .cs-text .cs-post-comments{right: 7px;}
.cs-comments .children{padding-left: 0px;}
.blog-large .post-options{float: left; margin-bottom: 5px;}
.blog-medium .cs-blog-holder{width: 82%;}
.blog-medium .cs-blog-text{width: 100%; padding: 30px 0 0 0;}
.blog-medium .cs-blog-holder .cs-media img, .blog-medium .cs-media{width: 100%;}
.wp-smartstudy .cs-event-detail-description .cs-tags ul li a{margin-bottom: 5px;}
.wp-smartstudy .cs-event-detail-date-time .cs-add-date{top:-35px; right: 15px;}
.cs-main-nav {position: absolute;right: 85px;top: 3px;width: 185%;z-index:2;}
.wp-smartstudy .cs-event.list .cs-text{overflow: inherit;}
.wp-smartstudy .cs-event.list .cs-media{width: 100%; margin: 0 0 10px 0;}
.wp-smartstudy .cs-events-masonry .grid li{width: 100%;}
.wp-smartstudy .cs-courses.courses-listing .cs-price-sec{width: 50%;}
.wp-smartstudy .cs-courses.courses-listing .cs-post-title{width: 100%;}
.cs-search-area .search-area form{right: -104px;}
.cs-search-area .search-area form:before{right:115px;}
.cs-modal .modal-dialog{width: 100%; margin-left: 0px;}	
.cs-modal .modal-footer .cs-user-social ul li{margin-bottom: 5px;}
.wp-smartstudy .cs-courses.courses-listing .cs-price-sec{padding-left: 0px;}
.wp-smartstudy .cs-courses.courses-listing .cs-media{margin: 0 0 20px 0; width: 100%;}
.wp-smartstudy .cs-pagination .pagination li a{margin-bottom: 1px;}
.wp-smartstudy .cs-sorting-list .cs-select-holder, .wp-smartstudy .cs-sorting-list .cs-package-list{margin: 0 0 5px 0;}
.wp-smartstudy .cs-sorting-list .cs-left-side{width: 62%;}
.wp-smartstudy .cs-sorting-list .cs-select-holder{width: 100%;}
.wp-smartstudy .cs-courses.courses-simple li .cs-courses-name{width: 100%;}
.wp-smartstudy .cs-courses.courses-simple li .cs-courses-date, .wp-smartstudy .cs-courses.courses-simple li .cs-courses-level, 
.wp-smartstudy .cs-courses.courses-simple li .cs-price{width: 33%;}
.wp-smartstudy .cs-review-item .label{width: 20%;}
.wp-smartstudy .cs-review-item .cs-item-list{width: 80%;}
.wp-smartstudy .cs-review-box{width: 100%; margin-right: 0px; margin-bottom: 20px;}
.wp-smartstudy .cs-review-summary{width: 100%;}
.wp-smartstudy .cs-accordion-list .panel-heading .cs-type-btn{top: 5px; display: inline-block; margin-bottom: 5px;}
.wp-smartstudy .cs-user-content ul.cs-shortlisted li .cs-remove-btn{ margin-top:-45px;}
.wp-smartstudy blockquote {padding: 50px 80px;}
.cs-journy-timeline{padding:0;}
ul.cs-top-categories li{width:49.3333%;}
.wp-smartstudy .cs-suggestions-list{width:88%;}
.wp-smartstudy .cs-sorting-list .cs-package-list{width:100%;}
.wp-smartstudy .cs-sorting-list .cs-package-list li{width:32.555%;}
.wp-smartstudy .messagebox button{top:24px;}
.wp-smartstudy .cs-tabs.vertical .nav-tabs li a{padding:15px}
.cs-shortcode-table{overflow-x:scroll;margin-bottom:20px;}
.cs-shortcode-table table{max-width:600px;width:600px;}
.news-letter-form, .news-letter-heading{float:none;width:100%;}
.cs-blogsmall-slider button, .cs-teamlist-slider button{top:-55px;}
.wp-smartstudy .cs-author-info .alignright{text-align: left;}
ul.cs-history-slider li .cs-text{bottom: -106px;}
.cs-shop-filters ul{ text-align:center;}
.single-product div.product .images{ width:100%; margin:0 0 20px 0 !important;}
.single-product div.product .entry-summary{ overflow:visible;}
.wp-smartstudy .cs-instructor .cs-courses.courses-listing .cs-price-sec{ width:100%; padding:0; text-align:left;}
.wp-smartstudy .cs-courses.courses-listing .cs-price-sec .cs-courses-price{ display:inline-block;}
.wp-smartstudy .cs-accordion-list .panel-title a{ padding-right:100px;}
.wp-smartstudy .cs-author-info-list {overflow: visible;}
.wp-smartstudy .cs-author-info-list ul {width: auto;}
.wp-smartstudy .cs-user-detail .cs-author-info-list li {margin: 0 0 20px 15px;padding: 0; border:none;}
.wp-smartstudy .cs-sorting-list .cs-caption-select{width:100%;}
.wp-smartstudy .cs-sorting-list .cs-caption-select label{padding-right:0;width:86%;}
.cs-column-text h1 {font-size: 38px !important;}
}
 @media screen and (max-width: 360px) {
.cs-blog-masonry .grid li .cs-blog.cs-blogquote-post .cs-text p{display: none;}
.cs-blog-detail .post-author{width: 100%;}
.cs-blog-detail .post-options{float: left;}
.cs-about-author .cs-media{width: 100%; margin-bottom: 10px;}
.cs-about-author .cs-media figure img{width: 100%;}
.cs-about-author .cs-text{overflow: inherit;}
#header .cs-logo{text-align:center;padding:20px 0 10px;}
.wp-smartstudy .cs-course-slider .slick-prev{right: 34px;}
.wp-smartstudy .cs-course-slider .slick-next{right: 4px;}
header .col-xs-6{width:100%;}
.cs-main-nav{width:100%;position:relative;top:0;right:0;}
.slicknav_menu .slicknav_icon-bar {font-size:17px;}
.top-bar .cs-user{margin-left:0;}
.top-bar .slicknav_menu .slicknav_btn{width:41px;}
.top-bar .cs-user > ul > li:nth-child(3) {border: 0 none; display: block; text-align: right; width: 100%;padding-top:12px;}
.top-bar .cs-user > ul > li:nth-child(2){border-right:1px solid rgba(255, 255, 255, 0.3);}
.cs-search-area .search-area form{width:290px;right:0;}
.cs-search-area .search-area form::before {right: 10px;}
.slicknav_btn{float:left;}
.cs-search-area{right:0;}
#header .cs-logo{text-align-last:center;}	  
.wp-smartstudy .cs-courses.courses-listing .cs-price-sec .cs-courses-price{font-size: 20px;}
.wp-smartstudy .cs-user-content ul.cs-shortlisted li .cs-media {margin-bottom: 30px;margin-right: 0;}
.wp-smartstudy .cs-user-content ul.cs-shortlisted li .cs-text {width:100%;}
.wp-smartstudy .cs-user-content ul.cs-shortlisted li .cs-remove-btn{ margin-top:10px;}
.cs-journy-timeline ul{margin-left:6px;}
.cs-journy-timeline ul::after{width:81%;}
.cs-journy-timeline ul li{width:12%;}
.cs-journy-timeline ul li a{font-size:12px;}
.sub-header {margin-top: -114px;}
ul.cs-top-categories li, .nav-tabs > li, .wp-smartstudy .cs-tabs.vertical .nav-tabs, .wp-smartstudy .cs-tabs.vertical .tab-content{width:100%;}
.wp-smartstudy .cs-tabs .nav-tabs li.active a{margin-top:0;}
.cs-faq-form .input-holder,.cs-construction .input-holder,.cs-error-content .input-holder{width:100%;}
.cs-error-content em{ font-size:20px;}
.cs-error-content p{font-size:13px !important;}
.cs-error-content .input-holder input[type="submit"]{ padding:8px;}
#cs-construction{ position:static;}
.cs-construction h1, .cs-construction h1 a{ font-size:25px !important;}
.cs-construction{ padding:40px 15px 47px;}
ul.cs-history-slider li .cs-text{bottom: -136px;}
.wp-smartstudy .cs-browse-holder {clear: both;float: none;margin-left: 0; padding-top: 9px; text-align: center;}
.wp-smartstudy .profile-pic figure { margin: 0 auto;}
.wp-smartstudy .profile-pic {float: none;}
.wp-smartstudy .cs-user-detail .cs-author-info-list li {margin: 0;padding: 0; border:none; width:100%;}

.wp-smartstudy .cs-sorting-list .cs-caption-select label{padding-right:0;width:80%;}
}
@media screen and (max-width: 320px) {
.cs-journy-timeline ul li a {padding-left: 4px;}
.wp-smartstudy .cs-list-view li{margin-left:4px;}
ul.cs-history-slider li .cs-text{bottom: -166px;}
.wp-smartstudy .cs-sorting-list .cs-caption-select label{padding-right:0;width:75%;}
}




















/*
 *
 * Template Name: Flat Contact Form
 * Description: Flat Contact Form
 * Author: Luckkeyy Singh
 * Author URI: http://www.bloggingtronx.com
 *
 */





.page-container {
    margin: 0 auto;
    padding: 60px 0 20px 0;
}

.contact-us {
    position: relative;
    width: 309px;
    border: 1px solid #D4D7DA;
    margin: 0 auto;
    background: #EDEFF1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.contact-us h1 {
    margin-bottom: 18px;
    background: #092779;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 20px;
    color: #f8f8f8;
    text-transform: uppercase;
    line-height: 45px;
    text-align: center;
    text-shadow: 0 3px 0 #4E423D;
}

.contact-us input {
    width: 240px;
    height: 30px;
    margin: 0 0 5px 30px;
    padding: 0 10px;
    background: #fffbec;
    border: 1px solid #fffbec;
    font-size: 13px;
    color: #31418C;
    outline: none;
}

.contact-us input:-moz-placeholder { color: #cc9471; }
.contact-us input:-ms-input-placeholder { color: #cc9471; }
.contact-us input::-webkit-input-placeholder { color: #cc9471; }

.contact-us textarea {
    width: 242px;
    height: 65px;
    margin: 0 0 20px 30px;
    padding: 8px 16px 0 12px;
    background: #fffbec;
    -moz-box-shadow: 0 5px 0 0 #faedb5;
    font-size: 13px;
    color: #cc9471;
    outline: none;
}

.contact-us textarea:-moz-placeholder { color: #cc9471; }
.contact-us textarea:-ms-input-placeholder { color: #cc9471; }
.contact-us textarea::-webkit-input-placeholder { color: #cc9471; }

.contact-us button {
    width: 308px;
    height: 45px;
    margin-top: 0px;
    padding: 0;
    background: rgb(255, 214, 88);
    border-top: 1px solid #CCAB45;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    color: #4b2813;
    text-transform: uppercase;
    text-align: center;
}

.contact-us button:hover {
    background: #e67632;
    color: #f8f8f8;
    text-shadow: 0 3px 0 #e15e28;
}

.contact-us input:focus,
.contact-us textarea:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-us input,
.contact-us textarea,
.contact-us button {
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.contact-us p {
    margin: 0 30px;
    padding-bottom: 30px;
    font-size: 15px;
    color: #cc9471;
    line-height: 30px;
}

.error {
    display: none;
    position: absolute;
    left: 390px;
    height: 44px;
    padding: 0 25px;
    background: #f8cc37;
    font-size: 15px;
    color: #4b2813;
    font-style: italic;
    line-height: 44px;
    white-space: nowrap;
    text-shadow: 0 2px 0 #fce653;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.error::before {
    content: '';
    position: absolute;

    top: 17px;
    left: -15px;
    border: 5px solid rgba(248, 204, 55, 0);
    border-right: 10px solid #f8cc37;
}

.fa-2x{

    font-size: 17px;
   
}



/* floating box style */
.floating-form {
    max-width: 344px;
    padding: 1px 44px 10px 15px;
    background: #ddd;
    border: 1px solid #AB9C9C;
    right: 10px;
    margin-top: 180px;
    margin-right: -22px;
    position: fixed;
    border-radius: 5px;
    z-index: 1000;
    box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);
 }
.contact-opener {
    position: absolute;
    left: -99px;
    transform: rotate(-90deg);
    top: 100px;
    background-color: #216288;
    padding: 9px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);
}
.floating-form-heading{
    font-weight: bold;
    border-bottom: 1px solid #ADA6A6;
    margin-bottom: 11px;
    font-size: 18px;
    margin-top: 5px;
    color: #E74C3C;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.floating-form label{
    display: block;
    margin: 2px 0px 0px 2px;
}
.floating-form label > span{
    width: 75px;
    float: left;
    padding-top: 12px;
    padding-right: 0px;
}
.floating-form span.required{
    color:red;
}
.floating-form .tel-number-field{
    width: 40px;
    text-align: center;
}
.floating-form  .long{
    width: 140px;
}
.floating-form input.input-field{
    width: 72%;
}

.floating-form input.input-field,
.floating-form .tel-number-field,
.floating-form .textarea-field,
 .floating-form .select-field{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.floating-form .input-field:focus,
.floating-form .tel-number-field:focus,
.floating-form .textarea-field:focus,  
.floating-form .select-field:focus{
    border: 1px solid #0C0;
}
.floating-form .textarea-field{
    height:100px;
    width: 72%;
}
.floating-form input[type="button"],
.floating-form input[type="submit"], .contact-opener {
    -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #E74C3C;
    box-shadow: inset 0px 1px 0px 0px #E74C3C;
    background-color: #E74C3C;
    border: 1px solid #E74C3C;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 13px 14px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}
.floating-form input[type="button"]:hover,
.floating-form input[type="submit"]:hover, .contact-opener {
    background: linear-gradient(to bottom, #E74C3C 5%, #E74C3C 100%);
    background-color: #E74C3C;
}
.floating-form .success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}
.floating-form .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}



#cnt {
    position    : absolute;



    z-index     : 999;
    border-top: 1px solid #FFA600;
    left: 0px;
    background: rgba(25, 25, 94, 0.71);
    bottom      : 0;

    padding: 0px;
    right: 0px;
    -webkit-box-shadow: 7px 9px 5px -5px rgba(133,131,133,1);
    -moz-box-shadow: 7px 9px 5px -5px rgba(133,131,133,1);
    box-shadow: 7px 9px 5px -5px rgba(133,131,133,1);
  }

}
	
	
 h2 h3 h4 h5 h6 .cnt 
    {

        font-size:16px;
        font-weight:700;
    }
	
	
	 .nict {
	 margin-top: 14px;
	 }
	 
	 
	 
	 .logo {
	 margin-top: 0px;
	 margin-left: 0px;
	 }
	 
	 
	 
	 
	 .career {
    position: relative;
    width: 309px;
    border: 1px solid #D4D7DA;
    margin: 0 auto;
    background: #eee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.career h1 {
    margin-bottom: 14px;
    background: #DF2E1B;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 18px;
    color: #f8f8f8;
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
}

.career input {
    width: 240px;
    height: 30px;
    margin: 0 0 5px 30px;
    padding: 0 10px;
    background: rgba(153, 153, 153, 0.26);
    border: 1px solid #fffbec;
    font-size: 13px;
    color: #31418C;
    outline: none;
}

.career input:-moz-placeholder { color: #cc9471; }
.career input:-ms-input-placeholder { color: #cc9471; }
.career input::-webkit-input-placeholder { color: #cc9471; }

.career textarea {
    width: 242px;
    height: 65px;
    margin: 0 0 20px 30px;
    padding: 8px 16px 0 12px;
    background: #fffbec;
    -moz-box-shadow: 0 5px 0 0 #faedb5;
    font-size: 13px;
    color: #cc9471;
    outline: none;
}

.career textarea:-moz-placeholder { color: #cc9471; }
.career textarea:-ms-input-placeholder { color: #cc9471; }
.career textarea::-webkit-input-placeholder { color: #cc9471; }

.career button {
    width: 308px;
    height: 45px;
    margin-top: 0px;
    padding: 0;
    background: rgb(48, 48, 116);
    cursor: pointer;
    font-size: 15px;
    color: #f5f5f5;
    text-transform: uppercase;
    text-align: center;
}

.career button:hover {
    background: #000000;
    color: #f8f8f8;
}

.career input:focus,
.career textarea:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.career input,
.career textarea,
.career button {
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.career p {
    margin: 0 30px;
    padding-bottom: 30px;
    font-size: 15px;
    color: #cc9471;
    line-height: 30px;
}




label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}


.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
	
	



.modal-box {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 98%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2em 1.5em; }

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}


a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 5%;
  right: 2%;
  text-decoration: none;
  color: #bbb;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}


@media (min-width: 32em) {
  .modal-box { width: 70%; }
}




ul.menubar {
  list-style: initial;
  padding: 0px 17px;

  >
  li {
    display: inline-block;
  position: relative;

    >
  a {
      color: black;
  display: block;
  padding: 10px 14px;
  text-decoration: none;

      &:hover {
  background: #29a7f5;
  color: white; }
    }

    >
  ul {
      display: none;
  position: absolute;
  top: 100%;
  background: white;
  padding: 10px 0;

      >
  li > a {
        color: black;
  display: block;
  padding: 8px 20px;
  text-decoration: none;

        &:hover {
  background: #29a7f5;
  color: white; }
      }
    }

    &.is-selected {
      >
  a { background: #29a7f5;
  color: white; }
      >
  ul { display: block; }
    }
  }
  list-style-type: sidama;
  list-style-type: square;
}






.input-group-btn .btn {
  margin-left: 20px !important;
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="number"], textarea {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: whitesmoke;
  border: 2px solid #c5c5c5;
  font-size: 12px;
  min-height: 35px;
  padding: 0px 0px 2px 10px;
  width: 90%;
}
input[type="text"]:hover, input[type="email"]:hover, input[type="search"]:hover, input[type="password"]:hover, input[type="number"]:hover, textarea:hover {
  border: 2px solid #a6a6a6;
}
input[type="text"]:focus, input[type="text"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="number"]:focus, input[type="number"]:active, textarea:focus, textarea:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #a6a6a6;
  background-color: #fff;
}
input[type="text"].has-dark-background, input[type="email"].has-dark-background, input[type="search"].has-dark-background, input[type="password"].has-dark-background, input[type="number"].has-dark-background, textarea.has-dark-background {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
}
input[type="text"].has-dark-background:hover, input[type="email"].has-dark-background:hover, input[type="search"].has-dark-background:hover, input[type="password"].has-dark-background:hover, input[type="number"].has-dark-background:hover, textarea.has-dark-background:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
input[type="text"].has-dark-background:focus, input[type="text"].has-dark-background:active, input[type="email"].has-dark-background:focus, input[type="email"].has-dark-background:active, input[type="search"].has-dark-background:focus, input[type="search"].has-dark-background:active, input[type="password"].has-dark-background:focus, input[type="password"].has-dark-background:active, input[type="number"].has-dark-background:focus, input[type="number"].has-dark-background:active, textarea.has-dark-background:focus, textarea.has-dark-background:active {
  background-color: #fff;
  color: #252525;
}

input {
  outline: none !important;
}

.input-group {
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}

.checkbox {
  padding-left: 0px;
}

.radio {
  padding-left: 0px;
}

.contact-form #form-status {
  color: green;
  line-height: 45px;
}
.contact-form #form-status #valid .icon {
  font-size: 24px;
  margin-right: 10px;
  vertical-align: middle;
}
.contact-form #form-status #invalid {
  color: red;
}
.contact-form label.error {
  background-color: red;
  bottom: -30px;
  color: #fff;
  font-size: 12px;
  left: 0;
  padding: 5px;
  position: absolute;
  z-index: 2;
}
.contact-form label.error:before {
  border-style: solid;
  border-width: 0 3.5px 5px 3.5px;
  border-color: transparent transparent red transparent;
  content: "";
  height: 0px;
  left: 5px;
  position: absolute;
  top: -5px;
  width: 0px;
}

.icheckbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: whitesmoke;
  border: 2px solid #c5c5c5;
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  position: relative;
  width: 20px;
  top: -1px;
}
.icheckbox:after {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  font-family: 'fontawesome';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  color: #252525;
  content: "\f00c";
  position: absolute;
  line-height: 15px;
  left: 2px;
}
.icheckbox.checked:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.iradio {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: whitesmoke;
  border: 2px solid #c5c5c5;
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  position: relative;
  width: 20px;
  top: -1px;
}
.iradio:after {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  background-color: #252525;
}
.iradio.checked:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.selectize-control {
  height: 40px;
}

.selectize-control .selectize-input {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: inherit;
  background-color: whitesmoke;
  border: 2px solid #c5c5c5;
  height: 40px;
  padding: 9px;
}
.selectize-control .selectize-input:after {
  cursor: pointer;
}
.selectize-control .selectize-input.full {
  background-color: whitesmoke;
}
.selectize-control .selectize-dropdown {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: whitesmoke;
  border-color: #c5c5c5;
  border-width: 2px;
  margin: -2px 0px 0px;
  width: 100% !important;
}
.selectize-control .selectize-input.focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.selectize-control .selectize-input.dropdown-active {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.selectize-control .selectize-input input {
  font-size: 12px !important;
}
.selectize-control .selectize-dropdown [data-selectable] {
  padding: 8px;
}
.selectize-control .selectize-dropdown {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.selectize-control .selectize-dropdown .active {
  color: #252525;
  background-color: rgba(0, 0, 0, 0.05);
}
.selectize-control.has-dark-background .selectize-input {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: inherit;
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0);
  height: 40px;
  padding: 9px;
}
.selectize-control.has-dark-background .selectize-input:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.selectize-control.has-dark-background .selectize-input.full {
  color: #fff;
}
.selectize-control.has-dark-background .selectize-input.full.focus {
  background-color: #fff;
  color: #252525;
}
.selectize-control.has-dark-background .selectize-input.full.focus.input-active {
  color: #252525;
}
.selectize-control.has-dark-background .selectize-input.not-full input {
  color: #fff;
}
.selectize-control.has-dark-background .selectize-input.not-full.focus.input-active {
  color: #252525;
  background-color: #fff;
}
.selectize-control.has-dark-background .selectize-input.not-full.focus.input-active input {
  color: #252525;
}
.selectize-control.has-dark-background .selectize-dropdown {
  background-color: #fff;
  border-color: whitesmoke;
  border-width: 2px;
  font-size: 12px !important;
  margin: -2px 0px 0px;
  width: 100% !important;
}
.selectize-control.has-dark-background .selectize-dropdown .selectize-dropdown-content .option {
  color: #252525;
}

.btn-input {
  display: block;
}

.btn-input .btn.form-control {
  text-align: left;
}

.btn-input .btn.form-control span:first-child {
  left: 10px;
  overflow: hidden;
  position: absolute;
  right: 25px;
}

.btn-input .btn.form-control .caret {
  margin-top: -1px;
  position: absolute;
  right: 10px;
  top: 50%;
}





.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
   
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
   
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}