/*------------------------------------------------------------------------------

Template : Rovast - Corporate HTML5 Template

Author: JIllur Rahman

Author URI: www.developerjillur.me

Version: 1.0.0



Note: theme-default.css, All Default style css for this theme in this file.



-------------------------------------------------------------------------------

    CSS INDEX

    ===================

  

  1. Basic css

  2. Default css for CMS(wordpress caption)

  3. Link

  3. Typography(for title,Title divider)

  4. Images(Img hover)

  5. background & overlay

  6. Colors

  7. Buttons theme default

  8. Button Bootstrap

  9. Form

  10. Global css 

  11. table

  12. Margin & Padding 

  13. info box style(info boxy style 1,info boxy style 2,info boxy style 3,info boxy style 4,info boxy style 5)

  14. magnific effect



-------------------------------------------------------------------------------*/



/*----------------------------------------*/

/*  1. Basic css

/*----------------------------------------*/

html,

body {

    height: 100%;

}

body {

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 14px;

    color: #424242;

    overflow-x: hidden;

}

::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}

::selection {

    background: #b3d4fc;

    text-shadow: none;

}

.mark, mark {

    background: #4fc1f0;

    color: #ffffff;

}

.browserupgrade {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}



/*----------------------------------------*/

/*  2. Default css for CMS

/*----------------------------------------*/

.floatleft {

    float: left

}

.floatright {

    float: right

}

.alignnone {

    margin: 5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

    display: block;

    margin: 0px auto 15px auto;

}

.alignleft {

    float: left;

    margin-right: 15px;

    margin-bottom: 15px

}

.alignright {

    float: right;

    margin-left: 15px;

    margin-bottom: 15px

}

a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}

a img.alignnone {

    margin: 5px 20px 20px 0;

}

a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}

a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}

/* wordpress caption */

.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}

.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}

.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}

.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



/* Text meant only for screen readers. */



.screen-reader-text {

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

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;

}

.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

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

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

  clip: auto !important;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000; /* Above WP toolbar. */

}



/*----------------------------------------*/

/*  3. Link

/*----------------------------------------*/

a,

.btn {

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

    transition: all 0.3s ease-out 0s;

}

a:focus,

.btn:focus {

    text-decoration: none;

    outline: none;

}

a,

button,

input {

    outline: medium none;

    color: #1293d4;

}

a {

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

    transition: all 0.3s ease 0s;

    text-decoration: none;

    color: #ff0c00;

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    font-size: 14px;

}

a:hover {

    text-decoration: none;

    color: #ffbbbb;

}

a:active,

a:hover {

    outline: 0 none;

}

a:focus {

    text-decoration: none;

}



/*----------------------------------------*/

/*  4. Typography

/*----------------------------------------*/

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0 0 10px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    text-transform: uppercase;

}

h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a { 

    color: inherit;

    font-weight: inherit;

}

h1 a:hover,

h2 a:hover,

h3 a:hover,

h4 a:hover,

h5 a:hover,

h6 a:hover {

    text-decoration: none;

}

p {

    margin: 0 0 15px;

    font-family: 'Poppins', sans-serif;

    color: #fff;

    font-size: 14px;

    line-height: 23px;
    text-align: justify;
}

hr{

    margin: 60px 0;

    padding: 0px;

    border-bottom: 1px solid #eceff8;

    border-top: 0px;

}

em,i {

    font-style: italic;

}

b,strong {

    font-weight: 700;

}

big,.big {

    font-size: 110%;

    line-height: 180%;

}

dt {

    font-weight: 700;

}

/* for title */

.title-h1 {

  font-weight: 700;

  color: #fff;

  font-size: 60px;

}

.title-h1 span {

  color: #1293d4;

  font-size: 60px;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

}

h1 a:hover,

.title-h1 a:hover{

  color: #1293d4;

}

.subtitle {

  color: #fff;

  font-weight: 400;

  font-size: 36px;

}

.subtitle a:hover{

  color: #1293d4;

}

.title {

  font-weight: 700;

  font-size: 30px;

  line-height: 22px;

  color: #fff;

}

h3 a:hover,

.title a:hover{

  color: #1293d4;

}

.semi-title,

.semi-title a{

  font-weight: 400;

  color: #ff0c00;

  font-size: 18px;

  line-height: 24px;

}

h4 a:hover,

.semi-title a:hover{

  color: #ffbbbb;

}

.title-samibold {

  text-transform: uppercase;

  font-size: 14px;

  font-family: 'Montserrat', sans-serif;

  color: #333333;

}

.title-samibold a:hover{

  color: #1293d4;

}

.title-saminormal {

  color: #333333;

  font-family: "Poppins",sans-serif;

  font-size: 14px;

  font-weight: 500;

  text-transform: capitalize;

}

.title-saminormal a:hover{

  color: #1293d4;

}

/* Title divider */

.title-divider{

  position: relative;

}

.title-divider:after{

  content: "";

  width: 82px;

  height: 2px;

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  margin: auto;

  background: #dbd9da;

}

.title-divider:before{

  content: "";

  width: 30px;

  height: 2px;

  position: absolute;

  top: 100%;

  left: 0;

  background: #1293d4;

  z-index: 9;

  right: 0;

  margin: auto;

}

.title-divider.text-left:after{

  right: inherit;

  left: 0;

  top: 100%;

}

.title-divider.text-left:before{

  right: inherit;

  left: 0;

  top: 100%;

}

.title-divider.text-right:after{

  right: 0;

  left: inherit;

  top: 100%;

}

.title-divider.text-right:before{

  right: 0;

  left: inherit;

  top: 100%;

}



/*----------------------------------------*/

/*  4. Images 

/*----------------------------------------*/

.img{

    max-width: 100%;

    height: auto;

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

    transition: all 0.3s ease-out 0s;

}

.google-map img {

    max-width: none !important;

}

iframe {

    max-width: 100%;

}



/* Img hover */

.hover-img{

  position: relative;

  display: block;

  text-align: center;

  overflow: hidden;

  width: 100%;

}

.hover-img img{

  -webkit-transition: .4s;

  transition: .4s;

  width: 100%;

}

.hover-img i{

  position: absolute;

  left: 0;

  top: 0;

  margin: auto;

  right: 0;

  color: #fff;

  z-index: 999;

  top: 50%;

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

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

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

  font-size: 30px;

  opacity: 0;

  -webkit-transition: .4s;

  transition: .4s;

}

.hover-img:after{

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  background: rgba(255, 12, 0, 0.59);

  z-index: 99;

  width: 100%;

  height: 100%;

  pointer-events: none;

  opacity: 0;

  -webkit-transition: .5s;

  transition: .5s;

}

.hover-img:hover.hover-img:after{

  opacity: 1;

}

.hover-img:hover i{

  opacity: 1;

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

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

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

}

.hover-img:hover img{

  opacity: 1;

  -webkit-transform: scale(1.02) translateZ(0px);

  -ms-transform: scale(1.02) translateZ(0px);

  transform: scale(1.02) translateZ(0px);

}

.img-circle.hover-img:after{

  border-radius: 50%;

}

/*----------------------------------------*/

/*  5. background & overlay

/*----------------------------------------*/

.bg-white {

  background: #fff;

  color: #333333;

}

.bg-goldenlight {

  background: #fff7e8;

  color: #333333;

}

.header-topbg {

  background: #333333;

  color: #fff;

}

.header-topbg1 {

  background: #b51818;

  color: #fff;

}

.bg-dark {

  background: #000000;

  color: #ff0c00;

}

.bg-lightdark {

  background: #b51818;

  color: #fff;

}

.bg-primary {

  background: #1293d4;

}

.bg-secondary {

  background: #f1f1f1;

}

/* Overlay

  #overlay bgcolor: #000;

*/

.overlay-10,

.overlay-20,

.overlay-30,

.overlay-40,

.overlay-50,

.overlay-60,

.overlay-70,

.overlay-80,

.overlay-90{

  position: relative;

}

.overlay-10:before,

.overlay-20:before,

.overlay-30:before,

.overlay-40:before,

.overlay-50:before,

.overlay-60:before,

.overlay-70:before,

.overlay-80:before,

.overlay-90:before{

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

}

.overlay-10:before {background: rgba(0, 0, 0, .10);}

.overlay-20:before {background: rgba(0, 0, 0, .20);}

.overlay-30:before {background: rgba(0, 0, 0, .30);}

.overlay-40:before {background: rgba(0, 0, 0, .40);}

.overlay-50:before {background: rgba(0, 0, 0, .50);}

.overlay-60:before {background: rgba(0, 0, 0, .60);}

.overlay-70:before {background: rgba(0, 0, 0, .70);}

.overlay-80:before {background: rgba(0, 0, 0, .80);}

.overlay-90:before {background: rgba(0, 0, 0, .90);}



/* Overlay grey

  #overlay bgcolor: #d5d0d0;

*/

.overlaygrey-80{

  position: relative;

  display: inline-block;

}

.overlaygrey-80:before{

  background: rgba(213, 208, 208, .80);

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  pointer-events: none;

}



/*----------------------------------------*/

/* 6. Colors 

/*----------------------------------------*/

.default-color {

  color: #1293d4;

}

.text-white,

.text-white p,

.text-white span,

.text-white a,

.text-white i{

  color: #fff;

}

.text-black,

.text-black p,

.text-black span,

.text-black a,

.text-black i{

  color: #f22121;

}

.text-capitalize {

  text-transform: capitalize;

}

/*blockquote*/

blockquote {

  border-left: 3px solid #1293d4;

  font-size: 17.5px;

  margin: 0 0 20px;

  padding: 15px 20px;

  background: #f1f1f1;

}

.blockquote-reverse, blockquote.pull-right {

  border-left: 0 none;

  border-right: 3px solid #1293d4;

  padding-left: 15px;

  padding-right: 15px;

  text-align: right;

}



/*----------------------------------------*/

/* 7. Buttons theme default

/*----------------------------------------*/

.button-primary {

  background: #ff0c00;

  border-radius: 6px;

  color: #fff;

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

  padding: 0 25px;

  display: inline-block;

  line-height: 40px;

  text-align: center;

  text-transform: uppercase;

  border: none;

}

.button-primary > i,

.button-primary span {

  font-size: 20px;

  padding-left: 5px;

  position: relative;

  top: 2px;

}

.effect-sweep{

  position: relative;

  -webkit-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transform: translateZ(0px);

  -ms-transform: translateZ(0px);

  transform: translateZ(0px);

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: color;

  transition-property: color;

}

.effect-sweep:after{

  background: #fff;

  bottom: 0;

  content: "";

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 0 50% 0;

  -ms-transform-origin: 0 50% 0;

  transform-origin: 0 50% 0;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: -webkit-transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  z-index: -1;

  border-radius: 6px;

}

.button-primary:hover, 

.button-primary:focus, 

.button-primary:active {

    color: #fff;

    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);

    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);

}

.button-primary.effect-sweep:hover,

.button-primary.effect-sweep:focus,

.button-primary.effect-sweep:active{

  color: #ff0c00;

}

.effect-sweep:hover:after,

.effect-sweep:focus:after,

.effect-sweep:active:after {

    -webkit-transform: scaleX(1);

    -ms-transform: scaleX(1);

    transform: scaleX(1);

}

.transparent.effect-sweep:after{

  background: #1293d4;

}

.transparent.effect-sweep:hover,

.transparent.effect-sweep:focus,

.transparent.effect-sweep:active{

  color: #fff;

}

.transparent{

  background-color: transparent;

  color: #fff;

  border:1px solid #fff;

}

.transparent:hover,

.transparent:focus,

.transparent:active {

  border-color: #1293d4;

}

.button-lg {

  padding: 4px 40px;

}

.button-full {

  width: 100%;

  display: block;

}

.button-sm {

  font-size: 12px;

  padding: 0 10px;

  line-height: 33px;

  text-transform: capitalize;

}

.button-primary.button-sm > i,

.button-primary.button-sm span {

  font-size: 16px;

  padding-left: 5px;

}



/*----------------------------------------*/

/*  8. Button Bootstrap

/*----------------------------------------*/

button, html input[type=button], input[type=reset], input[type=submit] {

  -webkit-appearance: button;

  cursor: pointer;

}

/* btn */

.btn:focus,

.btn:active:focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn.active.focus {

  outline: none;

}

.btn:hover,

.btn:focus,

.btn.focus {

  color: #333;

}

/* btn-default */

.btn-default {

  color: #333;

  background-color: #fff;

  border-color: #ccc;

}

.btn-default:focus,

.btn-default.focus {

  color: #333;

  background-color: #e6e6e6;

  border-color: #8c8c8c;

}

.btn-default:hover {

  color: #333;

  background-color: #e6e6e6;

  border-color: #adadad;

}

.btn-default:active,

.btn-default.active{

  color: #333;

  background-color: #e6e6e6;

  border-color: #adadad;

}

.btn-default:active:hover,

.btn-default.active:hover,

.btn-default:active:focus,

.btn-default.active:focus,

.btn-default:active.focus,

.btn-default.active.focus{

  color: #333;

  background-color: #d4d4d4;

  border-color: #8c8c8c;

}

.btn-default:active,

.btn-default.active{

  background-image: none;

}

.btn-default.disabled,

.btn-default[disabled],

.btn-default.disabled:hover,

.btn-default[disabled]:hover,

.btn-default.disabled:focus,

.btn-default[disabled]:focus,

.btn-default.disabled.focus,

.btn-default[disabled].focus,

.btn-default.disabled:active,

.btn-default[disabled]:active,

.btn-default.disabled.active,

.btn-default[disabled].active{

  background-color: #fff;

  border-color: #ccc;

}



/* btn-primary */

.btn-primary {

  color: #fff;

  background-color: #337ab7;

  border-color: #2e6da4;

}

.btn-primary:focus,

.btn-primary.focus {

  color: #fff;

  background-color: #286090;

  border-color: #122b40;

}

.btn-primary:hover {

  color: #fff;

  background-color: #286090;

  border-color: #204d74;

}

.btn-primary:active,

.btn-primary.active{

  color: #fff;

  background-color: #286090;

  border-color: #204d74;

}

.btn-primary:active:hover,

.btn-primary.active:hover,

.btn-primary:active:focus,

.btn-primary.active:focus,

.btn-primary:active.focus,

.btn-primary.active.focus{

  color: #fff;

  background-color: #204d74;

  border-color: #122b40;

}

.btn-primary:active,

.btn-primary.active{

  background-image: none;

}

.btn-primary.disabled,

.btn-primary[disabled],

.btn-primary.disabled:hover,

.btn-primary[disabled]:hover,

.btn-primary.disabled:focus,

.btn-primary[disabled]:focus,

.btn-primary.disabled.focus,

.btn-primary[disabled].focus,

.btn-primary.disabled:active,

.btn-primary[disabled]:active,

.btn-primary.disabled.active,

.btn-primary[disabled].active{

  background-color: #337ab7;

  border-color: #2e6da4;

}

/* btn-success */

.btn-success {

  color: #fff;

  background-color: #5cb85c;

  border-color: #4cae4c;

}

.btn-success:focus,

.btn-success.focus {

  color: #fff;

  background-color: #449d44;

  border-color: #255625;

}

.btn-success:hover {

  color: #fff;

  background-color: #449d44;

  border-color: #398439;

}

.btn-success:active,

.btn-success.active{

  color: #fff;

  background-color: #449d44;

  border-color: #398439;

}

.btn-success:active:hover,

.btn-success.active:hover,

.btn-success:active:focus,

.btn-success.active:focus,

.btn-success:active.focus,

.btn-success.active.focus{

  color: #fff;

  background-color: #398439;

  border-color: #255625;

}

.btn-success:active,

.btn-success.active{

  background-image: none;

}

.btn-success.disabled,

.btn-success[disabled],

.btn-success.disabled:hover,

.btn-success[disabled]:hover,

.btn-success.disabled:focus,

.btn-success[disabled]:focus,

.btn-success.disabled.focus,

.btn-success[disabled].focus,

.btn-success.disabled:active,

.btn-success[disabled]:active,

.btn-success.disabled.active,

.btn-success[disabled].active{

  background-color: #5cb85c;

  border-color: #4cae4c;

}



/* btn-info */

.btn-info {

  color: #fff;

  background-color: #5bc0de;

  border-color: #46b8da;

}

.btn-info:focus,

.btn-info.focus {

  color: #fff;

  background-color: #31b0d5;

  border-color: #1b6d85;

}

.btn-info:hover {

  color: #fff;

  background-color: #31b0d5;

  border-color: #269abc;

}

.btn-info:active,

.btn-info.active{

  color: #fff;

  background-color: #31b0d5;

  border-color: #269abc;

}

.btn-info:active:hover,

.btn-info.active:hover,

.btn-info:active:focus,

.btn-info.active:focus,

.btn-info:active.focus,

.btn-info.active.focus{

  color: #fff;

  background-color: #269abc;

  border-color: #1b6d85;

}

.btn-info:active,

.btn-info.active{

  background-image: none;

}

.btn-info.disabled,

.btn-info[disabled],

.btn-info.disabled:hover,

.btn-info[disabled]:hover,

.btn-info.disabled:focus,

.btn-info[disabled]:focus,

.btn-info.disabled.focus,

.btn-info[disabled].focus,

.btn-info.disabled:active,

.btn-info[disabled]:active,

.btn-info.disabled.active,

.btn-info[disabled].active{

  background-color: #5bc0de;

  border-color: #46b8da;

}

/* btn-warning */

.btn-warning {

  color: #fff;

  background-color: #f0ad4e;

  border-color: #eea236;

}

.btn-warning:focus,

.btn-warning.focus {

  color: #fff;

  background-color: #ec971f;

  border-color: #985f0d;

}

.btn-warning:hover {

  color: #fff;

  background-color: #ec971f;

  border-color: #d58512;

}

.btn-warning:active,

.btn-warning.active{

  color: #fff;

  background-color: #ec971f;

  border-color: #d58512;

}

.btn-warning:active:hover,

.btn-warning.active:hover,

.btn-warning:active:focus,

.btn-warning.active:focus,

.btn-warning:active.focus,

.btn-warning.active.focus{

  color: #fff;

  background-color: #d58512;

  border-color: #985f0d;

}

.btn-warning:active,

.btn-warning.active{

  background-image: none;

}

.btn-warning.disabled,

.btn-warning[disabled],

.btn-warning.disabled:hover,

.btn-warning[disabled]:hover,

.btn-warning.disabled:focus,

.btn-warning[disabled]:focus,

.btn-warning.disabled.focus,

.btn-warning[disabled].focus,

.btn-warning.disabled:active,

.btn-warning[disabled]:active,

.btn-warning.disabled.active,

.btn-warning[disabled].active{

  background-color: #f0ad4e;

  border-color: #eea236;

}

/* btn-danger */

.btn-danger {

  color: #fff;

  background-color: #d9534f;

  border-color: #d43f3a;

}

.btn-danger:focus,

.btn-danger.focus {

  color: #fff;

  background-color: #c9302c;

  border-color: #761c19;

}

.btn-danger:hover {

  color: #fff;

  background-color: #c9302c;

  border-color: #ac2925;

}

.btn-danger:active,

.btn-danger.active{

  color: #fff;

  background-color: #c9302c;

  border-color: #ac2925;

}

.btn-danger:active:hover,

.btn-danger.active:hover,

.btn-danger:active:focus,

.btn-danger.active:focus,

.btn-danger:active.focus,

.btn-danger.active.focus{

  color: #fff;

  background-color: #ac2925;

  border-color: #761c19;

}

.btn-danger:active,

.btn-danger.active{

  background-image: none;

}

.btn-danger.disabled,

.btn-danger[disabled],

.btn-danger.disabled:hover,

.btn-danger[disabled]:hover,

.btn-danger.disabled:focus,

.btn-danger[disabled]:focus,

.btn-danger.disabled.focus,

.btn-danger[disabled].focus,

.btn-danger.disabled:active,

.btn-danger[disabled]:active,

.btn-danger.disabled.active,

.btn-danger[disabled].active{

  background-color: #d9534f;

  border-color: #d43f3a;

}

/* btn-link */

.btn-link {

  font-weight: normal;

  color: #337ab7;

  border-radius: 0;

}

.btn-link,

.btn-link:active,

.btn-link.active,

.btn-link[disabled]{

  background-color: transparent;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.btn-link,

.btn-link:hover,

.btn-link:focus,

.btn-link:active {

  border-color: transparent;

}

.btn-link:hover,

.btn-link:focus {

  color: #23527c;

  text-decoration: underline;

  background-color: transparent;

}

.btn-link[disabled]:hover,

.btn-link[disabled]:focus{

  color: #777;

  text-decoration: none;

}

/* sizing */

.btn-lg,

.btn-group-lg > .btn {

  padding: 10px 16px;

  font-size: 18px;

  line-height: 1.3333333;

  border-radius: 6px;

}

.btn-sm,

.btn-group-sm > .btn {

  padding: 5px 10px;

  font-size: 12px;

  line-height: 1.5;

  border-radius: 3px;

}

.btn-xs,

.btn-group-xs > .btn {

  padding: 1px 5px;

  font-size: 12px;

  line-height: 1.5;

  border-radius: 3px;

}

.btn-block {

  display: block;

  width: 100%;

}

.btn-block + .btn-block {

  margin-top: 5px;

}

/* Button With icon */

.btn-label {

  position: relative;

  left: -12px;

  display: inline-block;

  padding: 6px 12px;

  background: rgba(0,0,0,0.15);

  border-radius: 3px 0 0 3px;

}

.btn-labeled {

  padding-top: 0;

  padding-bottom: 0;

}



/*----------------------------------------*/

/*  # Form 

/*----------------------------------------*/

label {

    font-size: 14px;

    font-weight: 400;

    color: #fff;

    font-family: "Montserrat",sans-serif;

}

input,

button,

select,

textarea {

  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

input[type="text"],

input[type="email"],

input[type="number"],

input[type="password"],

button,

textarea,

select {

  -webkit-transition:.3s;

  transition:.3s;

}

input[type="text"],

input[type="email"],

input[type="number"],

input[type="password"] {

  background: #fff;

  border: 1px solid #dcd9d9;

  width: 100%;

  padding-left: 10px;

  margin-bottom: 24px;

  border-radius: 0;

}

textarea {

  width: 100%;

  border: none;

  background: #f5f5f5;

  margin-bottom: 24px;

  border-radius: 0 !important;

  padding: 16px 20px;

}

.input-h50 {

  line-height: 50px;

}

/* placeholder */

::-webkit-input-placeholder {

  font-family: "Montserrat",sans-serif;

  font-weight: 400;

  color: #d0d0d0;

  font-size: 14px;

}

:-moz-placeholder {

  font-family: "Montserrat",sans-serif;

  font-weight: 400;

  color: #d0d0d0;

  font-size: 14px;

}

::-moz-placeholder {

  font-family: "Montserrat",sans-serif;

  font-weight: 400;

  color: #d0d0d0;

  font-size: 14px;

}

:-ms-input-placeholder {

  font-family: "Montserrat",sans-serif;

  font-weight: 400;

  color: #d0d0d0;

  font-size: 14px;

}

.form-error,

.form-success {

  background: #58ce38;

  padding: 12px;

  width: 80%;

  color: #fff;

  clear: both;

  display: block;

  max-width: 700px;

  position: relative;

  top: 16px;

  margin: 0 auto;

  word-break: break-word;

}

.form-error {

  background: #ce3838;

}

.form-error a,

.form-success a {

  display: block;

  color: #fff;

}

.field-error {

  outline: 1px red !important;

}



/*----------------------------------------*/

/* 10. Global css 

/*----------------------------------------*/

span {

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    font-size: 14px;

}

ul {

    margin: 0px;

    padding: 0px;

}

li { list-style: none }

.uppercase { 

    text-transform: uppercase;

}

.capitalize { 

    text-transform: capitalize;

}

.clear {

    clear: both

}

.fix {

    overflow: hidden

}

.fullscreen {

  height: 100vh;

}

.table {

  display: table; 

}

.table-cell {

  display: table-cell;

  vertical-align: middle;

  float: none; 

}

.relative {

  position: relative;

}

.absolute {

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  height: 100%;

}



/*----------------------------------------*/

/*  11. table 

/*----------------------------------------*/

table{

  width: 100%;

}

table tr{}

table td,table th{

  border: 1px solid #dcd9d9;

  padding: 8px 10px;

  color: #333333;

  font-family: 'Poppins', sans-serif;

  font-size: 14px;

}



/*----------------------------------------*/

/*  12. tooltip

/*----------------------------------------*/

.tooltip-inner {

    background-color:#1293d4;

}

.tooltip.top .tooltip-arrow{

  border-top-color: #1293d4;

}

.tooltip.right .tooltip-arrow{

  border-right-color: #1293d4;

}

.tooltip.left .tooltip-arrow{

  border-left-color: #1293d4;

}

.tooltip.bottom .tooltip-arrow{

  border-bottom-color: #1293d4;

}



/*----------------------------------------*/

/* 13. Margin & Padding 

/*----------------------------------------*/

.no-padding {

  padding: 0 !important; 

}

.no-margin {

  margin: 0 !important; 

}



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

         Margin top

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

.mt-0 { margin-top: 0 }

.mt-10 { margin-top: 10px }

.mt-15 { margin-top: 15px }

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

.mt-30 { margin-top: 30px }

.mt-40 { margin-top: 40px }

.mt-50 { margin-top: 50px }

.mt-55 { margin-top: 55px }

.mt-60 { margin-top: 60px }

.mt-70 { margin-top: 70px }

.mt-80 { margin-top: 80px }

.mt-90 { margin-top: 90px }

.mt-100 { margin-top: 100px }

.mt-110 { margin-top: 110px }

.mt-120 { margin-top: 120px }

.mt-130 { margin-top: 130px }

.mt-140 { margin-top: 140px }

.mt-150 { margin-top: 150px }

@media (max-width: 767px) {

  .mt-100,

  .mt-110,

  .mt-120,

  .mt-120,

  .mt-140,

  .mt-150{margin-top: 75px}

}

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

      Margin right

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

.mr-0 { margin-right: 0px }

.mr-10 { margin-right: 10px }

.mr-15 { margin-right: 15px }

.mr-20 { margin-right: 20px }

.mr-30 { margin-right: 30px }

.mr-40 { margin-right: 40px }

.mr-50 { margin-right: 50px }

.mr-60 { margin-right: 60px }

.mr-70 { margin-right: 70px }

.mr-80 { margin-right: 80px }

.mr-90 { margin-right: 90px }

.mr-100 { margin-right: 100px }

.mr-110 { margin-right: 110px }

.mr-120 { margin-right: 120px }

.mr-130 { margin-right: 130px }

.mr-140 { margin-right: 140px }

.mr-150 { margin-right: 150px }

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

      Margin bottom

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

.mb-0 { margin-bottom: 0 }

.mb-10 { margin-bottom: 10px }

.mb-15 { margin-bottom: 15px }

.mb-20 { margin-bottom: 20px }

.mb-30 { margin-bottom: 30px }

.mb-40 { margin-bottom: 40px }

.mb-50 { margin-bottom: 50px }

.mb-60 { margin-bottom: 60px }

.mb-70 { margin-bottom: 70px }

.mb-75 { margin-bottom: 75px }

.mb-80 { margin-bottom: 80px }

.mb-90 { margin-bottom: 90px }

.mb-100 { margin-bottom: 100px }

.mb-110 { margin-bottom: 110px }

.mb-120 { margin-bottom: 120px }

.mb-130 { margin-bottom: 130px }

.mb-140 { margin-bottom: 140px }

.mb-150 { margin-bottom: 150px }

@media (max-width: 767px) {

  .mb-100,

  .mb-110,

  .mb-120,

  .mb-120,

  .mb-140,

  .mb-150{margin-bottom: 75px}

}

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

        Margin left

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

.ml-0 { margin-left: 0 }

.ml-10 { margin-left: 10px }

.ml-15 { margin-left: 15px }

.ml-20 { margin-left: 20px }

.ml-30 { margin-left: 30px }

.ml-40 { margin-left: 40px }

.ml-50 { margin-left: 50px }

.ml-60 { margin-left: 60px }

.ml-70 { margin-left: 70px }

.ml-80 { margin-left: 80px }

.ml-90 { margin-left: 90px }

.ml-100 { margin-left: 100px }

.ml-110 { margin-left: 110px }

.ml-120 { margin-left: 120px }

.ml-130 { margin-left: 130px }

.ml-140 { margin-left: 140px }

.ml-150 { margin-left: 150px }

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

        Padding top

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

.pt-0 { padding-top: 0 }

.pt-10 { padding-top: 10px }

.pt-15 { padding-top: 15px }

.pt-20 { padding-top: 20px }

.pt-30 { padding-top: 30px }

.pt-40 { padding-top: 40px }

.pt-50 { padding-top: 50px }

.pt-60 { padding-top: 60px }

.pt-70 { padding-top: 70px }

.pt-80 { padding-top: 80px }

.pt-90 { padding-top: 90px }

.pt-100 { padding-top: 100px }

.pt-110 { padding-top: 110px }

.pt-120 { padding-top: 120px }

.pt-130 { padding-top: 130px }

.pt-140 { padding-top: 140px }

.pt-150 { padding-top: 150px }

/* Tablet desktop :768px. */

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

  .pt-100,

  .pt-110,

  .pt-120,

  .pt-120,

  .pt-140,

  .pt-150{padding-top: 85px}

}

@media (max-width: 767px) {

  .pt-100,

  .pt-110,

  .pt-120,

  .pt-120,

  .pt-140,

  .pt-150{padding-top: 75px}

}

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

        Padding right

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

.pr-0 { padding-right: 0 }

.pr-10 { padding-right: 10px }

.pr-15 { padding-right: 15px }

.pr-20 { padding-right: 20px }

.pr-30 { padding-right: 30px }

.pr-40 { padding-right: 40px }

.pr-50 { padding-right: 50px }

.pr-60 { padding-right: 60px }

.pr-70 { padding-right: 70px }

.pr-80 { padding-right: 80px }

.pr-90 { padding-right: 90px }

.pr-100 { padding-right: 100px }

.pr-110 { padding-right: 110px }

.pr-120 { padding-right: 120px }

.pr-130 { padding-right: 130px }

.pr-140 { padding-right: 140px }

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

        Padding bottom

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

.pb-0 { padding-bottom: 0 }

.pb-10 { padding-bottom: 10px }

.pb-15 { padding-bottom: 15px }

.pb-20 { padding-bottom: 20px }

.pb-30 { padding-bottom: 30px }

.pb-40 { padding-bottom: 40px }

.pb-50 { padding-bottom: 50px }

.pb-60 { padding-bottom: 60px }

.pb-70 { padding-bottom: 70px }

.pb-80 { padding-bottom: 80px }

.pb-90 { padding-bottom: 90px }

.pb-100 { padding-bottom: 100px }

.pb-110 { padding-bottom: 110px }

.pb-120 { padding-bottom: 120px }

.pb-130 { padding-bottom: 130px }

.pb-140 { padding-bottom: 140px }

.pb-150 { padding-bottom: 150px }

.pb-160 { padding-bottom: 160px }

/* Tablet desktop :768px. */

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

  .pb-100,

  .pb-110,

  .pb-120,

  .pb-120,

  .pb-140,

  .pb-150{padding-bottom: 85px}

}

/* small mobile :320px. */

@media (max-width: 767px) {

  .pb-100,

  .pb-110,

  .pb-120,

  .pb-120,

  .pb-140,

  .pb-150{padding-bottom: 75px}

}

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

        Padding left

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

.pl-0 { padding-left: 0 }

.pl-10 { padding-left: 10px }

.pl-15 { padding-left: 15px }

.pl-20 { padding-left: 20px }

.pl-30 { padding-left: 30px }

.pl-40 { padding-left: 40px }

.pl-50 { padding-left: 50px }

.pl-60 { padding-left: 60px }

.pl-70 { padding-left: 70px }

.pl-80 { padding-left: 80px }

.pl-90 { padding-left: 90px }

.pl-100 { padding-left: 100px }

.pl-110 { padding-left: 110px }

.pl-120 { padding-left: 120px }

.pl-130 { padding-left: 130px }

.pl-140 { padding-left: 140px }

.pl-150 { padding-left: 150px }

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

    Page section padding 

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

.ptb-0 { padding: 0 }

.ptb-10 { padding: 10px 0 }

.ptb-15 { padding: 15px 0 }

.ptb-20 { padding: 20px 0 }

.ptb-30 { padding: 30px 0 }

.ptb-40 { padding: 40px 0 }

.ptb-50 { padding: 50px 0 }

.ptb-60 { padding: 60px 0 }

.ptb-70 { padding: 70px 0 }

.ptb-80 { padding: 80px 0 }

.ptb-90 { padding: 90px 0 }

.ptb-100 { padding: 100px 0 }

.ptb-110 { padding: 110px 0 }

.ptb-120 { padding: 120px 0 }

.ptb-120 { padding: 130px 0 }

.ptb-140 { padding: 140px 0 }

.ptb-150 { padding: 150px 0 }

/* Tablet desktop :768px. */

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

  .ptb-100,

  .ptb-110,

  .ptb-120,

  .ptb-120,

  .ptb-140,

  .ptb-150{padding: 85px 0;}

}

/* small mobile :320px. */

@media (max-width: 767px) {

  .ptb-100,

  .ptb-110,

  .ptb-120,

  .ptb-120,

  .ptb-140,

  .ptb-150{padding: 75px 0;}

}

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

    Page section margin 

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

.mtb-0 { margin: 0 }

.mtb-10 { margin: 10px 0 }

.mtb-15 { margin: 15px 0 }

.mtb-20 { margin: 20px 0 }

.mtb-30 { margin: 30px 0 }

.mtb-40 { margin: 40px 0 }

.mtb-50 { margin: 50px 0 }

.mtb-60 { margin: 60px 0 }

.mtb-70 { margin: 70px 0 }

.mtb-80 { margin: 80px 0 }

.mtb-90 { margin: 90px 0 }

.mtb-100 { margin: 100px 0 }

.mtb-110 { margin: 110px 0 }

.mtb-120 { margin: 120px 0 }

.mtb-130 { margin: 130px 0 }

.mtb-140 { margin: 140px 0 }

.mtb-150 { margin: 150px 0; }

/* Tablet desktop :768px. */

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

  .mtb-100,

  .mtb-110,

  .mtb-120,

  .mtb-120,

  .mtb-140,

  .mtb-150{margin: 85px 0;}

}

/* small mobile :320px. */

@media (max-width: 767px) {

  .mtb-100,

  .mtb-110,

  .mtb-120,

  .mtb-120,

  .mtb-140,

  .mtb-150{margin: 75px 0;}

}

/*----------------------------------------*/

/*  # info box style 

/*----------------------------------------*/



/* info boxy style 1 */

.info-box-desc p{

  margin-bottom: 0;

}

.info-box span,.info-box span i{

  display: inline-block;

}

.info-box-style-1{

  text-align: center;

}

.info-box-style-1 span,.info-box-style-2 span{

  background-color: #fff;

  color: #343434;

  border: 1px solid #343434;

  text-align: center;

  height: 55px;

  width: 55px;

  line-height: 52px;

  font-size: 30px;

  border-radius: 50%;

  position: relative;

  z-index: 99;

  -webkit-transition: .3s;

  transition: .3s;

}

.info-box-style-1 .semi-title {

  margin-bottom: 10px;

  margin-top: 16px;

}

.info-box-style-1 span:before,

.info-box-style-1 span:after,

.info-box-style-2 span:before,

.info-box-style-2 span:after,

.info-box-style-4 span:before,

.info-box-style-4 span:after{

  position: absolute;

  top: 0;

  left: 0;

  content: "";

  height: 100%;

  width: 100%;

  border-radius: 50%;

  z-index: -1;

}

.info-box-style-1 span:after,

.info-box-style-2 span:after,

.info-box-style-4 span:after{

  width: 103%;

  left: -1px;

}

.info-box.info-box-style-1:hover span,

.info-box.info-box-style-2:hover span{

  background-color: #1293d4;

  color: #fff;

  border-color: transparent;

  cursor: pointer;

  position: relative;

  -webkit-transform: translateY(-5px);

  -ms-transform: translateY(-5px);

  transform: translateY(-5px);

}

.info-box.info-box-style-1:hover span:after,

.info-box.info-box-style-2:hover span:after{

  -webkit-transform: translateY(5px);

  -ms-transform: translateY(5px);

  transform: translateY(5px);

  border-bottom: 3px solid #1293d4;

}

.info-box.info-box-style-1:hover span:before,

.info-box.info-box-style-2:hover span:before{

  border-bottom: 2px solid #fff;

  -webkit-transform: translateY(2px);

  -ms-transform: translateY(2px);

  transform: translateY(2px);

}



/* info boxy style 2 */

.info-box-style-2 span,.info-box-style-2 .semi-title{

  display: inline-block;

}

.info-box-style-2 .info-box-top {

  margin-bottom: 10px;

}

.info-box-style-2 span {

  font-size: 18px;

  height: 40px;

  line-height: 40px;

  margin-right: 14px;

  text-align: center;

  width: 40px;

}



/* info boxy style 3 */

.info-box-style-3 {

  border: 1px solid #dcd9d9;

  padding: 18px;

  text-align: center;

  position: relative;

  -webkit-transition: .3s;

  transition: .3s;

}

.info-box-style-3 span,.info-box-style-3 .semi-title{

  display: block;

}

.info-box-style-3 span {

  left: 50%;

  position: absolute;

  top: -50px;

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

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

  transform: translateX(-50%);

  font-size: 60px;

  text-align: center;

  border: 1px solid #1293d4;

  border-radius: 0 20px;

  height: 100px;

  width: 100px;

  text-align: center;

  line-height: 100px;

  color: #333333;

  background: #fff;

  -webkit-transition: .5s;

  transition: .5s;

}

.info-box-style-3 .semi-title {

  margin-bottom: 18px;

  margin-top: 68px;

}

.info-box-style-3:hover .info-box-top span{

  background: #1293d4;

  color: #fff;

  cursor: pointer;

}

.info-box-style-3:hover {

  background: #fafafa;

  border-top-color: transparent;

  -webkit-box-shadow: 0 4px 6px rgba(51, 51, 51, 0.2);

  box-shadow: 0 4px 6px rgba(51, 51, 51, 0.2);

}



/* info boxy style 4 */

.info-box-style-4 span,.info-box-style-4 .semi-title{

  display: inline-block;

}

.info-box-style-4 .info-box-top {

  margin-bottom: 10px;

}

.info-box-style-4 span {

  font-size: 30px;

  height: 34px;

  line-height: 40px;

  margin-right: 14px;

  text-align: center;

  width: 34px;

  -webkit-transition: .3s;

  transition: .3s;

}

.info-box-style-4:hover span{

  color: #1293d4;

}



/* info box style 5 */

.info-box-style-5 {

  padding: 0 25px;

  position: relative;

  text-align: center;

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

  transition: all 0.3s ease 0s;

}

.info-box-top {

  margin-bottom: 15px;

}

.info-box-style-5 span {

  background: #fff none repeat scroll 0 0;

  border: 1px solid #ff0c00;

  border-radius: 0 20px;

  color: #333333;

  font-size: 30px;

  display: block;

  height: 70px;

  line-height: 70px;

  margin: auto;

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  width: 70px;

}

.info-box-style-5:hover .info-box-top span{

  background: #ff0c00;

  color: #fff;

  cursor: pointer;

}

.radius-shape {

  border-radius: 0 50px;

}

.title-border-bottom {

  margin-bottom: 34px !important;

  padding-bottom: 15px;

  position: relative;

}

.title-border-bottom:after {

  background: #fff none repeat scroll 0 0;

  bottom: -10px;

  content: "";

  height: 2px;

  left: 0;

  margin: auto;

  position: absolute;

  right: 0;

  width: 60px;

}

.text-center .img-responsive,.text-center.img-responsive{

  margin: auto;

}

.border-top {

  border-top: 1px solid #d5d0d0;

  margin-top: 25px;

  padding-top: 25px;

}



/* Theme Color */

.theme-default-color{

  background: #1293d4;

  color: #fff;

}

.theme-text-color{

  color: #1293d4;

}



/*----------------------------------------*/

/*  magnific effect

/*----------------------------------------*/



/* 

====== Zoom in effect ======

*/



.mfp-zoom-in .mfp-with-anim {

  opacity: 0;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  -webkit-transform: scale(0.8);

  -ms-transform: scale(0.8);

  transform: scale(0.8);

}

.mfp-zoom-in.mfp-bg {

  opacity: 0;

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

  transition: all 0.3s ease-out;

}

.mfp-zoom-in.mfp-ready .mfp-with-anim {

  opacity: 1;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}

.mfp-zoom-in.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-zoom-in.mfp-removing .mfp-with-anim {

  -webkit-transform: scale(0.8);

  -ms-transform: scale(0.8);

  transform: scale(0.8);

  opacity: 0;

}

.mfp-zoom-in.mfp-removing.mfp-bg {

  opacity: 0;

}



/* 

====== rotate effect ======

*/

.mfp-rotate .mfp-with-anim {

  opacity: 0;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.5s;

  -webkit-transform: scale(0) rotate(500deg);

  -ms-transform: scale(0) rotate(500deg);

  transform: scale(0) rotate(500deg);

}

.mfp-rotate.mfp-bg {

  opacity: 0;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}

.mfp-rotate.mfp-ready .mfp-with-anim {

  opacity: 1;

  -webkit-transform: scale(1) rotate(0deg);

  -ms-transform: scale(1) rotate(0deg);

  transform: scale(1) rotate(0deg);

}

.mfp-rotate.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-rotate.mfp-removing .mfp-with-anim {

  -webkit-transform: scale(0) rotate(500deg);

  -ms-transform: scale(0) rotate(500deg);

  transform: scale(0) rotate(500deg);

  opacity: 0;

}

.mfp-rotate.mfp-removing.mfp-bg {

  opacity: 0;

}



/* 

====== Move-shorizontal effect ======

*/

.mfp-move-horizontal .mfp-with-anim {

  opacity: 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

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

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

  transform: translateX(-50px);

}

.mfp-move-horizontal.mfp-bg {

  opacity: 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {

  opacity: 1;

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

}

.mfp-move-horizontal.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {

  -webkit-transform: translateX(50px);

  -ms-transform: translateX(50px);

  transform: translateX(50px);

  opacity: 0;

}

.mfp-move-horizontal.mfp-removing.mfp-bg {

  opacity: 0;

}



/* 

====== 3d unfold ======

*/

.mfp-move-vertical .mfp-with-anim {

  opacity: 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  -webkit-transform: translateX(50px);

  -ms-transform: translateX(50px);

  transform: translateX(50px);

}

.mfp-move-vertical.mfp-bg {

  opacity: 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.mfp-move-vertical.mfp-ready .mfp-with-anim {

  opacity: 1;

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

}

.mfp-move-vertical.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-move-vertical.mfp-removing .mfp-with-anim {

  -webkit-transform: translateX(50px);

  -ms-transform: translateX(50px);

  transform: translateX(50px);

  opacity: 0;

}

.mfp-move-vertical.mfp-removing.mfp-bg {

  opacity: 0;

}



/* 

====== Move-from-top effect ======

*/

.mfp-move-from-top .mfp-content {

  vertical-align: top;

}

.mfp-move-from-top .mfp-with-anim {

  opacity: 0;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  -webkit-transform: translateY(-100px);

  -ms-transform: translateY(-100px);

  transform: translateY(-100px);

}

.mfp-move-from-top.mfp-bg {

  opacity: 0;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}

.mfp-move-from-top.mfp-ready .mfp-with-anim {

  opacity: 1;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}

.mfp-move-from-top.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-move-from-top.mfp-removing .mfp-with-anim {

  -webkit-transform: translateY(-50px);

  -ms-transform: translateY(-50px);

  transform: translateY(-50px);

  opacity: 0;

}

.mfp-move-from-top.mfp-removing.mfp-bg {

  opacity: 0;

}



/* 

====== 3d unfold ======

*/

.mfp-3d-unfold .mfp-content {

  -webkit-perspective: 2000px;

  -ms-perspective: 2000px;

  perspective: 2000px;

}

.mfp-3d-unfold .mfp-with-anim {

  opacity: 0;

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

  transition: all 0.3s ease-in-out;

  -webkit-transform-style: preserve-3d;

  -ms-transform-style: preserve-3d;

  transform-style: preserve-3d;

  -webkit-transform: rotateY(-60deg);

  -ms-transform: rotateY(-60deg);

  transform: rotateY(-60deg);

}

.mfp-3d-unfold.mfp-bg {

  opacity: 0;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {

  opacity: 1;

  -webkit-transform: rotateY(0deg);

  -ms-transform: rotateY(0deg);

  transform: rotateY(0deg);

}

.mfp-3d-unfold.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {

  -webkit-transform: rotateY(60deg);

  -ms-transform: rotateY(60deg);

  transform: rotateY(60deg);

  opacity: 0;

}

.mfp-3d-unfold.mfp-removing.mfp-bg {

  opacity: 0;

}



/* 

====== Zoom-out effect ======

*/

.mfp-zoom-out .mfp-with-anim {

  opacity: 0;

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

  transition: all 0.3s ease-in-out;

  -webkit-transform: scale(1.3);

  -ms-transform: scale(1.3);

  transform: scale(1.3);

}

.mfp-zoom-out.mfp-bg {

  opacity: 0;

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

  transition: all 0.3s ease-out;

}

.mfp-zoom-out.mfp-ready .mfp-with-anim {

  opacity: 1;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}

.mfp-zoom-out.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-zoom-out.mfp-removing .mfp-with-anim {

  -webkit-transform: scale(1.3);

  -ms-transform: scale(1.3);

  transform: scale(1.3);

  opacity: 0;

}

.mfp-zoom-out.mfp-removing.mfp-bg {

  opacity: 0;

}



/* mfp-with-fade */

.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {

  opacity: 0;

  -webkit-transition: opacity .5s ease-out;

  transition: opacity .5s ease-out;

}

.mfp-with-fade.mfp-ready .mfp-content {

  opacity: 1;

}

.mfp-with-fade.mfp-ready.mfp-bg {

  opacity: 0.8;

}

.mfp-with-fade.mfp-removing.mfp-bg {

  opacity: 0;

}