/* Add here all your css styles (customizations) */

article { font-size: 1.2em; }
article h1 { text-transform: uppercase; font-weight: 700; }

.ayrin-B-block-Rotation i {
    -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}
.ayrin-B-block-Rotation:hover i{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    background-color: #72C02C;
    color:#fff;
}

.ayrin-M-Back {position: fixed;bottom: 20px;right: 20px;z-index: 999;text-align: center;padding: 0px 10px;border-radius: 3px;}
.ayrin-M-Back a {transition: 300ms ease-in-out;}
.ayrin-M-Back a:hover {text-decoration: none;}
.ayrin-M-Back.ayrin-M-animate-hide {position: absolute}
.ayrin-M-Back a {}
.ayrin-M-Back-Icon {transition: 300ms ease-in-out; font-size: 2.0em;}


.folio-image {
  -webkit-transform: translateZ(0); /* chrome fix*/
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.folio-image:hover {
  -webkit-transform: scale(1.5) rotate(-15deg);
  -moz-transform: scale(1.5) rotate(-15deg);
  -ms-transform: scale(1.5) rotate(-15deg);
  -o-transform: scale(1.5) rotate(-15deg);
  transform: scale(1.5) rotate(-15deg);
    
}

/*COLOR*/
.text-green { color: #72C02C; }



@media (max-width: 768px) {
  .parallax-counter span.counter {
      font-size: 32px;
  }
}



/* Dropdown Menu */
/*
.one-page-header .dropdown-menu,
.one-page-header.top-nav-collapse .dropdown-menu {
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);
}
*/

.one-page-header.top-nav-collapse .dropdown-menu {
	background: #fff;
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);
	
}

/* BACK TO TOP
================================================================== */

.toTopNav {
    background-color: rgba(0,0,0,0.5); color: #FFFFFF; font-size: 2em; opacity: 0.6; text-align: center; width: 1.5em;
    height: 1.3em; position: fixed; list-style: none; right: 3%; top: 90%; border-radius: 3px;
    color: #FFF; z-index: 100; display: none;
    /*box-shadow: 2px 2px 3px rgba(0,0,0,0.8);*/
}


.content-lg-portfolio { padding-top: 80px; padding-bottom: 5px; }
.ayrin-bottom100 { margin-bottom: 100px; }



/* ADMIN
================================================================== */

.admin { padding-top: 100px; min-height: 800px;}

.admin .color-white { color: white; }


.form-signin { max-width: 400px; padding: 15px; margin: 0 auto; background: #fff; border-radius: 10px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px;  }
.form-signin .form-signin-heading,
.form-signin .checkbox { margin-bottom: 10px; }
.form-signin .checkbox { font-weight: normal; }
.form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	box-sizing: border-box; padding: 10px; font-size: 16px; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }

@media (max-width: 480px) {
	.form-signin h1 { font-size: 26px; }
}

@media (min-width: 768px) {
    
	.admin .navbar-collapse {
	    height: auto; border-top: 0; box-shadow: none; max-height: none; padding-left:0; padding-right:0; background: #eee; }
	.admin .navbar-collapse.collapse {
	    display: block !important; width: auto !important; padding-bottom: 0; overflow: visible !important; }
	.admin .navbar-collapse.in { overflow-x: visible; }
      
	.admin .navbar {
	      /*max-width:300px;*/
	      margin-right: 0; margin-left: 0; box-shadow: none; }	
      
	.admin .navbar-nav, .admin .navbar-nav > li,
	.admin .navbar-left, .admin .navbar-right,
	.admin .navbar-header  { float:none !important;   }
	
	.admin .navbar-right .dropdown-menu { left:0;right:auto;}
	.admin .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: 0;    }
	
	.admin .nav > li > a { padding: 15px 10px; font-size: 14px; color: #222; }

}






/*Bootstrap Multi level Navbar Menu */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}







/***************************** Team Style + Animations *****************************/

.ayrin-M-team-box {
	border-top: 0px;
	transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out;
  background: #F7F7F7;
}

.ayrin-M-team-img-container {
	width: 100%;
	height: auto;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.ayrin-M-team-img {
	width: 100%;
	height: auto;
	opacity: 1;
	transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out;
}
.ayrin-M-team-img-single {
	width: 100%;
	height: auto;
	transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out;
}
.ayrin-M-team-img-effect {
	width: 100%;
	height: auto;
	position: absolute;
	transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out;
	opacity: 1;
}
.ayrin-M-team-paragraph {
	padding: 10px;
	padding-bottom: 0px;
}
.ayrin-M-team-view {
	cursor: pointer;
	display: inline-block;
	opacity: 0;
	position: absolute;
	top: 40%;
	margin-top: -10px;
	left: 50%;
	margin-left: -35px;
	transition: 200ms ease-in-out; -webkit-transition: 200ms ease-in-out; -o-transition: 200ms ease-in-out; -moz-transition: 200ms ease-in-out;
}
.ayrin-M-team-hover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: 0;
	transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out;
}
.ayrin-M-team-social {
	padding-bottom: 20px;
}
.ayrin-M-team-img-container:hover > .ayrin-M-team-hover {
	opacity: 1;
}
.ayrin-M-team-img-container:hover > .ayrin-M-team-view {
	top: 50%;
	opacity: 1;
	-webkit-transition-delay: 300ms; -webkit-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out;
	transition-delay: 300ms;
}
.ayrin-M-team-img-container:hover > .ayrin-M-team-img {
	opacity: 1;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.ayrin-M-team-img-container:hover > .ayrin-M-team-img-single {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
/***************************** Team Style + Animations End *****************************/


/***************************** Bootstrap Overlay & General Options *****************************/
.ayrin-MA-margin10 { display: block; overflow: hidden; margin: 0;}
.ayrin-M-margin10 {margin-top: 10px;}.ayrin-M-margin20 {margin-top: 20px;}.ayrin-M-margin30 {margin-top: 30px;}.ayrin-M-margin40 {margin-top: 40px;}.ayrin-M-margin50 {margin-top: 50px;}.ayrin-M-margin60 {margin-top: 60px;}.ayrin-M-margin70 {margin-top: 70px;}.ayrin-M-margin80 {margin-top: 80px;}.ayrin-M-margin90 {margin-top: 90px;}.ayrin-M-margin100 {margin-top: 100px;}
.ayrin-M-divisor-border10 {padding-bottom: 10px;}.ayrin-M-divisor-border20 {padding-bottom: 20px;}.ayrin-M-divisor-border30 {padding-bottom: 30px;}.ayrin-M-divisor-border40 {padding-bottom: 40px;}.ayrin-M-divisor-border50 {padding-bottom: 50px;}.ayrin-M-divisor-border60 {padding-bottom: 60px;}.ayrin-M-divisor-border70 {padding-bottom: 70px;}.ayrin-M-divisor-border80 {padding-bottom: 80px;}.ayrin-M-divisor-border90 {padding-bottom: 90px;}.ayrin-M-divisor-border100 {padding-bottom: 100px;}
.ayrin-M-divisor-topborder10 {padding-top: 10px;}.ayrin-M-divisor-topborder20 {padding-top: 20px;}.ayrin-M-divisor-topborder30 {padding-top: 30px;}.ayrin-M-divisor-topborder40 {padding-top: 40px;}.ayrin-M-divisor-topborder50 {padding-top: 50px;}.ayrin-M-divisor-topborder60 {padding-top: 60px;}.ayrin-M-divisor-topborder70 {padding-top: 70px;}.ayrin-M-divisor-topborder80 {padding-top: 80px;}.ayrin-M-divisor-topborder90 {padding-top: 90px;}.ayrin-M-divisor-topborder100 {padding-top: 100px;}
.progress {border-radius: 0px;-webkit-box-shadow: none;box-shadow: none;}
.progress-bar {-webkit-box-shadow: none;box-shadow: none;}
.btn {border-radius: 0px; transition: 300ms ease-in-out;}
.form-control {border-radius: 0px;-webkit-box-shadow: none;box-shadow: none; height: 50px;}
.form-control:focus {-webkit-box-shadow: none;box-shadow: none;}
.ayrin-M-message {height: 115px!important;} .ayrin-M-submit{height:50px; line-height: 2.5;}
.modal-content {-webkit-box-shadow: none;box-shadow: none; border-radius: 0px; border: 0px;}
.close {margin-right: 10px; margin-top: 5px; font-size: 25px; margin-bottom: -30px; text-align: right;}
.navbar-default .navbar-nav>li>a {transition: 300ms ease-in-out;}
.navbar {margin-bottom: 0px; }
.dropdown-menu {border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; color: #28B7EC;}
.ayrin-M-Scroll {position: absolute;bottom: 2%;left: 50%;margin-left: -56px;z-index: 999;text-align: center;}
.ayrin-M-Scroll a {transition: 300ms ease-in-out;}
.ayrin-M-Scroll a:hover {text-decoration: none;}
.ayrin-M-Scroll-Icon {transition: 300ms ease-in-out;}
.ayrin-M-Back {position: fixed;bottom: 20px;right: 20px;z-index: 999;text-align: center;padding: 0px 10px;border-radius: 3px;}
.ayrin-M-Back a {transition: 300ms ease-in-out;}
.ayrin-M-Back a:hover {text-decoration: none;}
.ayrin-M-Back.ayrin-M-animate-hide {position: absolute}
.ayrin-M-Back a {}
.ayrin-M-Back-Icon {transition: 300ms ease-in-out; font-size: 2.0em;}
.fixed {position: fixed; top:0; width: 100%; z-index: 999;}
.fixed+* {margin-top:72px;}
.navbar-toggle {margin-top: 17px;}

/***************************** Bootstrap Overlay & General Options End *****************************/