@font-face {
font-family: 'Zurich LtXCn BT';
src: url('../fonts/ZurichBT-LightExtraCondensed.eot');
src: url('../fonts/ZurichBT-LightExtraCondensed.eot?#iefix') format('embedded-opentype'),
url('../fonts/ZurichBT-LightExtraCondensed.woff2') format('woff2'),
url('../fonts/ZurichBT-LightExtraCondensed.woff') format('woff'),
url('../fonts/ZurichBT-LightExtraCondensed.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Myriad Roman';
src: url('../fonts/Myriad-Roman.eot');
src: url('../fonts/Myriad-Roman.eot?#iefix') format('embedded-opentype'),
url('../fonts/Myriad-Roman.woff2') format('woff2'),
url('../fonts/Myriad-Roman.woff') format('woff'),
url('../fonts/Myriad-Roman.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Zurich Lt BT';
src: url('../fonts/ZurichBT-LightItalic.eot');
src: url('../fonts/ZurichBT-LightItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/ZurichBT-LightItalic.woff2') format('woff2'),
url('../fonts/ZurichBT-LightItalic.woff') format('woff'),
url('../fonts/ZurichBT-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Zurich LtCn BT';
src: url('../fonts/ZurichBT-LightCondensed.eot');
src: url('../fonts/ZurichBT-LightCondensed.eot?#iefix') format('embedded-opentype'),
url('../fonts/ZurichBT-LightCondensed.woff2') format('woff2'),
url('../fonts/ZurichBT-LightCondensed.woff') format('woff'),
url('../fonts/ZurichBT-LightCondensed.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Zurich Lt BT';
src: url('../fonts/ZurichBT-Light.eot');
src: url('../fonts/ZurichBT-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/ZurichBT-Light.woff2') format('woff2'),
url('../fonts/ZurichBT-Light.woff') format('woff'),
url('../fonts/ZurichBT-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Zurich LtCn BT';
src: url('../fonts/ZurichBT-LightCondensedItalic.eot');
src: url('../fonts/ZurichBT-LightCondensedItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/ZurichBT-LightCondensedItalic.woff2') format('woff2'),
url('../fonts/ZurichBT-LightCondensedItalic.woff') format('woff'),
url('../fonts/ZurichBT-LightCondensedItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-SemiCnIt.eot');
src: url('../fonts/MyriadPro-SemiCnIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-SemiCnIt.woff2') format('woff2'),
url('../fonts/MyriadPro-SemiCnIt.woff') format('woff'),
url('../fonts/MyriadPro-SemiCnIt.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-CondIt.eot');
src: url('../fonts/MyriadPro-CondIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-CondIt.woff2') format('woff2'),
url('../fonts/MyriadPro-CondIt.woff') format('woff'),
url('../fonts/MyriadPro-CondIt.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BoldSemiExt.eot');
src: url('../fonts/MyriadPro-BoldSemiExt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BoldSemiExt.woff2') format('woff2'),
url('../fonts/MyriadPro-BoldSemiExt.woff') format('woff'),
url('../fonts/MyriadPro-BoldSemiExt.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-SemiboldSemiExtIt.eot');
src: url('../fonts/MyriadPro-SemiboldSemiExtIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-SemiboldSemiExtIt.woff2') format('woff2'),
url('../fonts/MyriadPro-SemiboldSemiExtIt.woff') format('woff'),
url('../fonts/MyriadPro-SemiboldSemiExtIt.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BoldCondIt.eot');
src: url('../fonts/MyriadPro-BoldCondIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BoldCondIt.woff2') format('woff2'),
url('../fonts/MyriadPro-BoldCondIt.woff') format('woff'),
url('../fonts/MyriadPro-BoldCondIt.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BlackIt.eot');
src: url('../fonts/MyriadPro-BlackIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BlackIt.woff2') format('woff2'),
url('../fonts/MyriadPro-BlackIt.woff') format('woff'),
url('../fonts/MyriadPro-BlackIt.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-Regular.eot');
src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
url('../fonts/MyriadPro-Regular.woff') format('woff'),
url('../fonts/MyriadPro-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-SemiExt.eot');
src: url('../fonts/MyriadPro-SemiExt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-SemiExt.woff2') format('woff2'),
url('../fonts/MyriadPro-SemiExt.woff') format('woff'),
url('../fonts/MyriadPro-SemiExt.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BlackSemiExt.eot');
src: url('../fonts/MyriadPro-BlackSemiExt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BlackSemiExt.woff2') format('woff2'),
url('../fonts/MyriadPro-BlackSemiExt.woff') format('woff'),
url('../fonts/MyriadPro-BlackSemiExt.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BlackSemiCnIt.eot');
src: url('../fonts/MyriadPro-BlackSemiCnIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BlackSemiCnIt.woff2') format('woff2'),
url('../fonts/MyriadPro-BlackSemiCnIt.woff') format('woff'),
url('../fonts/MyriadPro-BlackSemiCnIt.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BlackCondIt.eot');
src: url('../fonts/MyriadPro-BlackCondIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BlackCondIt.woff2') format('woff2'),
url('../fonts/MyriadPro-BlackCondIt.woff') format('woff'),
url('../fonts/MyriadPro-BlackCondIt.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BlackSemiExtIt.eot');
src: url('../fonts/MyriadPro-BlackSemiExtIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BlackSemiExtIt.woff2') format('woff2'),
url('../fonts/MyriadPro-BlackSemiExtIt.woff') format('woff'),
url('../fonts/MyriadPro-BlackSemiExtIt.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-LightSemiExt.eot');
src: url('../fonts/MyriadPro-LightSemiExt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-LightSemiExt.woff2') format('woff2'),
url('../fonts/MyriadPro-LightSemiExt.woff') format('woff'),
url('../fonts/MyriadPro-LightSemiExt.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-LightSemiExtIt.eot');
src: url('../fonts/MyriadPro-LightSemiExtIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-LightSemiExtIt.woff2') format('woff2'),
url('../fonts/MyriadPro-LightSemiExtIt.woff') format('woff'),
url('../fonts/MyriadPro-LightSemiExtIt.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BoldCond.eot');
src: url('../fonts/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BoldCond.woff2') format('woff2'),
url('../fonts/MyriadPro-BoldCond.woff') format('woff'),
url('../fonts/MyriadPro-BoldCond.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-SemiboldCondIt.eot');
src: url('../fonts/MyriadPro-SemiboldCondIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-SemiboldCondIt.woff2') format('woff2'),
url('../fonts/MyriadPro-SemiboldCondIt.woff') format('woff'),
url('../fonts/MyriadPro-SemiboldCondIt.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-Black.eot');
src: url('../fonts/MyriadPro-Black.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-Black.woff2') format('woff2'),
url('../fonts/MyriadPro-Black.woff') format('woff'),
url('../fonts/MyriadPro-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-It.eot');
src: url('../fonts/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-It.woff2') format('woff2'),
url('../fonts/MyriadPro-It.woff') format('woff'),
url('../fonts/MyriadPro-It.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-LightCond.eot');
src: url('../fonts/MyriadPro-LightCond.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-LightCond.woff2') format('woff2'),
url('../fonts/MyriadPro-LightCond.woff') format('woff'),
url('../fonts/MyriadPro-LightCond.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-SemiboldCond.eot');
src: url('../fonts/MyriadPro-SemiboldCond.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-SemiboldCond.woff2') format('woff2'),
url('../fonts/MyriadPro-SemiboldCond.woff') format('woff'),
url('../fonts/MyriadPro-SemiboldCond.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BoldSemiCn.eot');
src: url('../fonts/MyriadPro-BoldSemiCn.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BoldSemiCn.woff2') format('woff2'),
url('../fonts/MyriadPro-BoldSemiCn.woff') format('woff'),
url('../fonts/MyriadPro-BoldSemiCn.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BlackSemiCn.eot');
src: url('../fonts/MyriadPro-BlackSemiCn.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BlackSemiCn.woff2') format('woff2'),
url('../fonts/MyriadPro-BlackSemiCn.woff') format('woff'),
url('../fonts/MyriadPro-BlackSemiCn.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-SemiboldSemiCn.eot');
src: url('../fonts/MyriadPro-SemiboldSemiCn.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-SemiboldSemiCn.woff2') format('woff2'),
url('../fonts/MyriadPro-SemiboldSemiCn.woff') format('woff'),
url('../fonts/MyriadPro-SemiboldSemiCn.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-LightIt.eot');
src: url('../fonts/MyriadPro-LightIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-LightIt.woff2') format('woff2'),
url('../fonts/MyriadPro-LightIt.woff') format('woff'),
url('../fonts/MyriadPro-LightIt.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-LightSemiCn.eot');
src: url('../fonts/MyriadPro-LightSemiCn.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-LightSemiCn.woff2') format('woff2'),
url('../fonts/MyriadPro-LightSemiCn.woff') format('woff'),
url('../fonts/MyriadPro-LightSemiCn.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BlackCond.eot');
src: url('../fonts/MyriadPro-BlackCond.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BlackCond.woff2') format('woff2'),
url('../fonts/MyriadPro-BlackCond.woff') format('woff'),
url('../fonts/MyriadPro-BlackCond.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-LightSemiCnIt.eot');
src: url('../fonts/MyriadPro-LightSemiCnIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-LightSemiCnIt.woff2') format('woff2'),
url('../fonts/MyriadPro-LightSemiCnIt.woff') format('woff'),
url('../fonts/MyriadPro-LightSemiCnIt.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-Light.eot');
src: url('../fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-Light.woff2') format('woff2'),
url('../fonts/MyriadPro-Light.woff') format('woff'),
url('../fonts/MyriadPro-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BoldIt.eot');
src: url('../fonts/MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BoldIt.woff2') format('woff2'),
url('../fonts/MyriadPro-BoldIt.woff') format('woff'),
url('../fonts/MyriadPro-BoldIt.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-SemiboldSemiExt.eot');
src: url('../fonts/MyriadPro-SemiboldSemiExt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-SemiboldSemiExt.woff2') format('woff2'),
url('../fonts/MyriadPro-SemiboldSemiExt.woff') format('woff'),
url('../fonts/MyriadPro-SemiboldSemiExt.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-LightCondIt.eot');
src: url('../fonts/MyriadPro-LightCondIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-LightCondIt.woff2') format('woff2'),
url('../fonts/MyriadPro-LightCondIt.woff') format('woff'),
url('../fonts/MyriadPro-LightCondIt.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-SemiboldSemiCnIt.eot');
src: url('../fonts/MyriadPro-SemiboldSemiCnIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-SemiboldSemiCnIt.woff2') format('woff2'),
url('../fonts/MyriadPro-SemiboldSemiCnIt.woff') format('woff'),
url('../fonts/MyriadPro-SemiboldSemiCnIt.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-Cond.eot');
src: url('../fonts/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-Cond.woff2') format('woff2'),
url('../fonts/MyriadPro-Cond.woff') format('woff'),
url('../fonts/MyriadPro-Cond.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-SemiCn.eot');
src: url('../fonts/MyriadPro-SemiCn.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-SemiCn.woff2') format('woff2'),
url('../fonts/MyriadPro-SemiCn.woff') format('woff'),
url('../fonts/MyriadPro-SemiCn.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-Semibold.eot');
src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-Semibold.woff2') format('woff2'),
url('../fonts/MyriadPro-Semibold.woff') format('woff'),
url('../fonts/MyriadPro-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BoldSemiCnIt.eot');
src: url('../fonts/MyriadPro-BoldSemiCnIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BoldSemiCnIt.woff2') format('woff2'),
url('../fonts/MyriadPro-BoldSemiCnIt.woff') format('woff'),
url('../fonts/MyriadPro-BoldSemiCnIt.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-SemiExtIt.eot');
src: url('../fonts/MyriadPro-SemiExtIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-SemiExtIt.woff2') format('woff2'),
url('../fonts/MyriadPro-SemiExtIt.woff') format('woff'),
url('../fonts/MyriadPro-SemiExtIt.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-Bold.eot');
src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
url('../fonts/MyriadPro-Bold.woff') format('woff'),
url('../fonts/MyriadPro-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-BoldSemiExtIt.eot');
src: url('../fonts/MyriadPro-BoldSemiExtIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-BoldSemiExtIt.woff2') format('woff2'),
url('../fonts/MyriadPro-BoldSemiExtIt.woff') format('woff'),
url('../fonts/MyriadPro-BoldSemiExtIt.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Myriad Pro';
src: url('../fonts/MyriadPro-SemiboldIt.eot');
src: url('../fonts/MyriadPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-SemiboldIt.woff2') format('woff2'),
url('../fonts/MyriadPro-SemiboldIt.woff') format('woff'),
url('../fonts/MyriadPro-SemiboldIt.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Pasajero';
src: url('../fonts/Pasajero.eot');
src: url('../fonts/Pasajero.eot?#iefix') format('embedded-opentype'),
url('../fonts/Pasajero.woff2') format('woff2'),
url('../fonts/Pasajero.woff') format('woff'),
url('../fonts/Pasajero.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Tunga';
src: url('../fonts/Tunga.eot');
src: url('../fonts/Tunga.eot?#iefix') format('embedded-opentype'),
url('../fonts/Tunga.woff2') format('woff2'),
url('../fonts/Tunga.woff') format('woff'),
url('../fonts/Tunga.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* ===== GLOBAL ================================================== */
body {
font-family: 'Zurich Lt BT';
font-weight: 500;
font-size: 15px;
color: #000;
letter-spacing: 0.5px;
}
:focus {
outline: 0 none;
}
:focus,
a {
text-decoration: none;
color: #000;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
a:hover,
a:focus {
text-decoration: none;
color: #000;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
line-height: normal;
font-family: 'Zurich Lt BT';
letter-spacing: 0.5px;
margin: 0;
padding: 0;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
::-webkit-input-placeholder {
color: #777;
opacity: 1;
}
:-moz-placeholder {
color: #777;
opacity: 1;
}
/* Firefox 18- */
::-moz-placeholder {
color: #777;
opacity: 1;
}
/* Firefox 19+ */
:-ms-input-placeholder {
color: #777;
opacity: 1;
}
.floatL {
float: left !important;
}
.floatR {
float: right !important;
}
.padding0 {
padding: 0;
}
.full-width {
float: left;
width: 100%;
display: block;
position: relative;
}
ul,
ol {
margin: 0;
padding: 0;
}
ul li,
ol li {
list-style: none;
}
ul li a,
ol li a {
text-decoration: none;
}
p {
font-family: 'Zurich Lt BT';
font-weight: 400;
font-size: 14px;
margin: 0 0 15px;
line-height: normal;
letter-spacing: 0.5px;
}
.btn {
font-size: 14px;
color: #000;
font-weight: 500;
padding: 0 15px;
border: 0;
text-align: center;
background-color: #ffffff;
display: inline-block;
min-width: 160px;
height: 50px;
line-height: 50px;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}
.btn i {
margin-left: 5px;
color: #c10000;
}
.btn:hover,
.btn:focus {
background: #f4f5f9;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
cursor: pointer;
color: #c10000;
outline: none;
}
.inn_padding {
padding: 100px 0;
}
/* ===== owl-carousel ================================================== */
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled {
display: none
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
margin-top: 20px;
text-align: left;
padding: 0 10px;
}
.owl-theme .owl-nav [class*=owl-] {
margin: 5px;
width: 36px;
height: 20px;
background-image: none;
background-repeat: no-repeat;
display: inline-block;
cursor: pointer;
background-position: -86px -204px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
text-decoration: none
}
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791
}
.owl-theme .owl-nav .owl-next {
background-position: -123px -204px;
}
/************************** Start Home page ***********************/
.home_image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.home_image .owl-carousel .item {
width: 100%;
-webkit-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
height: 100vh;
}
.home_image .owl-carousel.owl-theme .owl-nav {
display: none;
}
.home_image .owl-carousel.owl-theme .owl-dots {
position: absolute;
bottom: 60px;
left: 100px;
z-index: 10;
}
.home_image .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 1;
}
.home_image .no-js .owl-carousel,
.home_image .owl-carousel.owl-loaded {
position: initial;
z-index: 1;
}
.logo {
position: relative;
top: 0px;
left: 0px;
z-index: 10;
}
.flower {
position: absolute;
bottom: 0px;
right: 0;
z-index: 2;
opacity: 0.2;
}
.flower img {
max-width: 100%;
height: auto;
}
.home_image .owl-carousel .item .banner_text {
position: absolute;
z-index: 10;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
width: auto;
left: 0;
right: 0;
}
.home_image .owl-carousel .item .banner_text h2 {
font-family: 'Zurich Lt BT';
color: #fff;
text-transform: none;
font-size: 50px;
line-height: normal;
font-weight: 600;
}
.home_image .owl-carousel .item .banner_text h2 span {
display: inline-block;
}
.home_image .owl-carousel .item .banner_text h4 {
font-family: 'Tunga';
color: #1aa886;
margin-top: 10px;
letter-spacing: 2px;
text-transform: capitalize;
font-size: 28px;
line-height: normal;
font-weight: normal;
}
.home_image .owl-carousel .item .banner_text h4 span {
display: inline-block;
position: relative;
}
.home_image .owl-carousel .item .banner_text h4 span::before {
position: absolute;
content: "";
background-color: #fff;
right: -135px;
bottom: 19px;
display: block;
width: 107px;
height: 2px;
}
.home_image .owl-carousel .item .banner_text h4 span::after {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 10px solid #fff;
border-bottom: 5px solid transparent;
right: -143px;
bottom: 15px;
display: block;
}
.home_image .owl-carousel .item .banner_text h4 span dd::before {
position: absolute;
content: "";
background-color: transparent;
right: -160px;
bottom: -2px;
display: block;
width: 45px;
height: 45px;
-webkit-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
z-index: 10;
border: 1px solid #fff;
}
.home_image .owl-carousel .owl-dot {
counter-increment: slides-num;
}
.home_image .owl-carousel.owl-theme .owl-dots .owl-dot span {
width: auto;
height: auto;
padding-left: 12px;
color: #05a586;
font-family: 'Tunga';
font-size: 22px;
margin: 5px 50px 5px 0px;
background-color: transparent;
display: none;
position: relative;
}
.home_image .owl-carousel.owl-theme .owl-dots .owl-dot span::after {
position: absolute;
content: "0";
color: #05a586;
font-family: 'Tunga';
font-size: 22px;
left: 0;
top: 0;
}
.home_image .owl-carousel.owl-theme .owl-dots .owl-dot span::before {
position: absolute;
content: "";
background-color: #fff;
left: 0;
bottom: 3px;
display: block;
width: 36px;
height: 2px;
}
.home_image .owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.home_image .owl-carousel.owl-theme .owl-dots .owl-dot:hover span,
.home_image .owl-carousel.owl-theme .owl-dots .owl-dot.active span::after,
.home_image .owl-carousel.owl-theme .owl-dots .owl-dot:hover span::after {
color: #fff;
}
.social_media {
position: absolute;
z-index: 10;
right: 40px;
bottom: 10px;
}
.social_media ul li {
float: left;
}
.social_media ul li a {
display: block;
width: 36px;
height: 36px;
-webkit-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background-color: transparent;
color: #fff;
font-size: 20px;
line-height: 36px;
margin-left: 10px;
text-align: center;
border: 1px solid #fff;
}
.social_media ul li:first-child a {
margin-left: 0;
}
.social_media ul li a:hover,
.social_media ul li a:focus {
outline: none;
background-color: #05a586;
color: #fff;
}
.menu {
position: absolute;
z-index: 10;
right: 30px;
top: 0px;
}
.two_buttons {
position: fixed;
z-index: 1000;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
width: auto;
right: 0;
}
.two_buttons ul li {
border-bottom: 2px solid #05a586;
}
.two_buttons ul li:last-child {
border-bottom: none;
cursor: pointer;
}
.main_menu {
background-color: #fff;
height: 100vh;
width: 100%;
position: fixed;
z-index: 100;
display: none;
}
.main_menu .right_image {
height: 100vh;
background-color: #fff;
background-image: url(../images/main-menu.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-position: bottom center;
max-width: 40%;
width: 40%;
float: left;
}
.main_menu .logo {
position: absolute;
top: 30px;
left: 30px;
z-index: 10;
}
.left_menu {
max-width: 60%;
width: 60%;
float: left;
height: 100vh;
}
.left_menu ul {
position: absolute;
z-index: 10;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
width: auto;
padding-left: 10%;
}
.left_menu ul li {
padding-bottom: 15px;
position: relative;
}
.left_menu ul li a {
font-size: 20px;
display: block;
}
.left_menu ul li::after {
position: absolute;
content: "";
background-color: #fff;
left: 0;
bottom: 10px;
display: block;
width: 110px;
height: 4px;
}
.left_menu ul li:hover::after,
.left_menu ul li:focus::after {
background-color: #05a586;
}
.left_menu ul li:hover a,
.left_menu ul li:focus a {
color: #05a586;
}
.left_menu ul li.active::after {
background-color: #05a586;
}
.left_menu ul li.active a {
color: #05a586;
}
.home_image .owl-carousel .owl-item {
-webkit-transform: scale(0.95, 0.85);
-ms-transform: scale(0.95, 0.85);
-o-transform: scale(0.95, 0.85);
-moz-transform: scale(0.95, 0.85);
transform: scale(0.95, 0.85);
-webkit-box-shadow: 0 0 4rem rgba(0, 0, 0, .5);
-ms-box-shadow: 0 0 4rem rgba(0, 0, 0, .5);
-o-box-shadow: 0 0 4rem rgba(0, 0, 0, .5);
-moz-box-shadow: 0 0 4rem rgba(0, 0, 0, .5);
box-shadow: 0 0 4rem rgba(0, 0, 0, .5);
}
.home_image .owl-carousel .owl-item.active {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-moz-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.5s ease-in-out 0.5s;
-ms-transition: all 0.5s ease-in-out 0.5s;
-o-transition: all 0.5s ease-in-out 0.5s;
-moz-transition: all 0.5s ease-in-out 0.5s;
transition: all 0.5s ease-in-out 0.5s;
}
.home_image {
background-color: #1aa886;
}
/************************** End Home page ***********************/
/************************** Start Project page ***********************/
.projects .about_nav .navbar-nav>li>a {
font-size: 16px;
padding: 0 12px;
}
.projects .about_vision {
padding: 100px 0 20px 0;
}
.projects .about_vision .vision_image:after {
height: 350px;
background-color: #fff;
}
.white_overlay {
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 90%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 90%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
position: absolute;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0px;
height: auto;
}
.projects .about_vision .vision_right {
margin-left: -100px;
position: relative;
z-index: 10;
}
.projects .about_vision .vision_right h3 {
color: #09796d;
font-size: 40px;
margin-top: -55px;
}
.projects .about_vision .vision_right p {
font-size: 14px;
color: #575153;
font-family: 'Zurich Lt BT';
line-height: 26px;
letter-spacing: 1px;
padding-right: 40px;
display: contents;
text-transform: none;
}
.projects .about_vision .vision_right a.more {
float: right;
text-transform: uppercase;
margin-top: 20px;
color: #575153;
font-size: 16px;
}
.projects .about_vision .vision_right a.more:hover,
.projects .about_vision .vision_right a.more:focus {
outline: none;
color: #09796d;
}
.projects .about_vision .vision_right a.more i {
color: #09796d;
font-size: 24px;
position: relative;
top: 2px;
left: 5px;
}
.projects .about_vision.about_vision_2 {
position: relative;
}
.projects .about_vision.about_vision_2 .vision_image img {
padding-left: 0;
padding-right: 50px;
}
.projects .about_vision.about_vision_2 .vision_right {
text-align: right;
margin-left: 100px;
z-index: 11;
}
.projects .about_vision.about_vision_2 .vision_right p {
padding-right: 0;
padding-left: 40px;
}
.projects .about_vision.about_vision_2 .vision_right a.more {
float: left;
}
.projects .about_vision.about_vision_2 .white_overlay {
background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 90%);
background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 90%);
background: linear-gradient(to left, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
position: absolute;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0px;
height: auto;
}
.projects .about_vision.about_vision_dark {
background-color: #231f20;
padding: 220px 0 100px 0;
margin-top: -120px;
}
.projects .about_vision.about_vision_dark .flower2 {
position: absolute;
left: 90px;
top: 80px;
opacity: 0.3;
max-width: 100%;
height: auto;
}
.projects .about_vision .cut2 {
position: absolute;
left: 0;
top: 50px;
z-index: -1;
}
.projects .about_vision .cut2 img {
max-width: 80%;
height: auto;
}
.projects .about_vision .flower3 {
position: absolute;
right: 0;
top: -40%;
opacity: 0.1;
max-width: 100%;
height: auto;
}
.projects .about_vision.about_vision_2.blog_dark .vision_image img {
padding-right: 0;
padding-left: 50px;
}
/************************** End Project page ***********************/
/************************** Start Blog page ***********************/
.about_banner.blog {
background-image: url(../images/blog_image.jpg);
}
.about_banner.blog:after,
.about_banner.blog .overlay {
display: none;
}
.projects.blogs .about_vision .vision_right h3 {
font-size: 32px;
}
h1.title {
color: #09796d;
font-family: 'Zurich Lt BT';
margin-bottom: 40px;
text-transform: uppercase;
text-align: center
}
/************************** End Blog page ***********************/
.color-white {
color: #fff !important;
}
/************************** Start About Us page ***********************/
.about_banner {
background-image: url(../images/banner.jpg);
-webkit-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
min-height: 435px;
}
.about_banner:after {
position: absolute;
content: "";
background-image: url(../images/border.png);
background-repeat: no-repeat;
background-position: right top;
min-height: inherit;
width: 100%;
z-index: 0;
}
.about_banner .banner_containt {
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
text-align: left;
z-index: 2;
display: block;
}
.about_banner .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.about_banner .banner_containt h1 {
color: #fff;
font-family: 'Pasajero';
text-transform: uppercase;
padding-left: 30px;
}
.about_banner .banner_containt h1 span {
color: #19a687;
}
.about_banner .banner_containt h2 {
font-family: 'Tunga';
color: #fff;
}
.about_nav {
padding: 20px 0;
text-align: center;
background: rgba(15, 166, 177, 1);
background: -moz-linear-gradient(left, rgba(15, 166, 177, 1) 0%, rgba(15, 142, 142, 1) 28%, rgba(15, 135, 129, 1) 70%, rgba(9, 121, 110, 1) 99%, rgba(9, 121, 110, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15, 166, 177, 1)), color-stop(28%, rgba(15, 142, 142, 1)), color-stop(70%, rgba(15, 135, 129, 1)), color-stop(99%, rgba(9, 121, 110, 1)), color-stop(100%, rgba(9, 121, 110, 1)));
background: -webkit-linear-gradient(left, rgba(15, 166, 177, 1) 0%, rgba(15, 142, 142, 1) 28%, rgba(15, 135, 129, 1) 70%, rgba(9, 121, 110, 1) 99%, rgba(9, 121, 110, 1) 100%);
background: -o-linear-gradient(left, rgba(15, 166, 177, 1) 0%, rgba(15, 142, 142, 1) 28%, rgba(15, 135, 129, 1) 70%, rgba(9, 121, 110, 1) 99%, rgba(9, 121, 110, 1) 100%);
background: -ms-linear-gradient(left, rgba(15, 166, 177, 1) 0%, rgba(15, 142, 142, 1) 28%, rgba(15, 135, 129, 1) 70%, rgba(9, 121, 110, 1) 99%, rgba(9, 121, 110, 1) 100%);
background: linear-gradient(to right, rgba(15, 166, 177, 1) 0%, rgba(15, 142, 142, 1) 28%, rgba(15, 135, 129, 1) 70%, rgba(9, 121, 110, 1) 99%, rgba(9, 121, 110, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fa6b1', endColorstr='#09796e', GradientType=1);
}
.about_nav .navbar-nav>li>a {
padding: 0 15px;
color: #231f20;
font-family: 'Zurich LtCn BT';
font-weight: 300;
font-size: 18px;
text-transform: uppercase;
}
.about_nav .navbar-nav {
float: none;
text-align: center;
}
.about_nav .navbar-nav>li>a:hover,
.about_nav .navbar-nav>li>a:focus,
.about_nav .navbar-nav>li.active a {
color: #fff;
background-color: transparent;
}
.about_nav .navbar {
min-height: 0;
margin: 0;
}
.about_nav .navbar-nav>li {
float: none;
text-align: center;
display: inline-block;
}
.history {
padding: 80px 0 40px;
}
.history h3 {
font-family: 'Zurich Lt BT';
color: #504a4c;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 22px;
}
.history h2 {
font-family: 'Zurich LtCn BT';
color: #09796d;
font-size: 35px;
text-transform: uppercase;
font-weight: 600;
}
.history p {
font-family: font-family:'Zurich Lt BT';
font-size: 20px;
color: 504a4c;
}
.about_vision {
padding: 60px 0 20px;
}
.testimonial.about_vision .testimonials.owl-carousel .vision_image {
border: none;
padding: 0;
}
.about_vision .vision_image {
width: 100%;
position: relative;
float: left;
z-index: 1;
overflow: hidden;
border: 1px solid #ccc;
padding: 5px;
}
.about_vision .vision_image img {
position: relative;
width: auto;
height: auto;
max-width: 100%;
padding-left: 50px;
padding-bottom: 50px;
z-index: 2;
}
.about_vision .vision_image iframe {
position: relative;
width: 100%;
max-width: 100%;
padding-left: 50px;
padding-bottom: 50px;
z-index: 2;
border: none;
}
.about_vision .vision_image:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 400px;
background-color: rgba(181, 214, 202, 0.5);
z-index: 1
}
.vision_right h3 {
font-family: 'Zurich LtCn BT';
font-size: 37px;
color: #09796d;
margin-bottom: 10px;
text-transform: uppercase;
position: relative;
z-index: 1;
font-weight: 600;
}
.vision_right h2 {
font-family: 'Zurich LtCn BT';
color: #09796d;
font-size: 31px;
text-transform: uppercase;
position: absolute;
left: -75px;
z-index: 3;
}
.vision_right p {
font-size: 20px;
color: #575153;
font-family: 'Zurich Lt BT';
line-height: 30px;
text-transform: none;
position: absolute;
left: -75px;
z-index: 3;
}
.pl-0 {
padding-left: 0;
}
.about_bg {
width: 100%;
height: 280px;
background-color: #231f20;
margin-top: -90px;
}
.about_bg:before {
content: "";
background-image: url(../images/border-green.png);
background-repeat: no-repeat;
background-position: bottom left;
position: absolute;
z-index: 0;
min-height: 280px;
width: 100%;
}
.about_bg img {
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: auto;
right: 0;
bottom: 0;
}
.vision_right.mission_right h2 {
left: auto;
}
.vision_right.mission_right {
position: absolute;
right: -300px;
}
.about_vision.mission .vision_image {
margin-top: -100px;
}
.mission {
padding: 20px 0 50px 0;
}
footer .footer_contant p.upperc {
text-decoration: underline;
text-transform: uppercase;
}
.testimonial {
padding: 80px 0;
background-color: #231f20;
overflow: hidden;
}
.testimonial .carousel-control.left,
.testimonial .carousel-control.right {
background-image: none;
}
.testimonial .owl-theme .owl-nav {
margin-top: 0;
text-align: left;
padding: 0 10px;
position: absolute;
top: 50%;
width: 100%;
display: none;
}
.testimonial .owl-theme .owl-dots {
display: none;
}
.testimonial .owl-theme .owl-nav .owl-prev:after {
content: "\f104";
position: absolute;
font-family: 'FontAwesome';
color: #fff;
font-size: 40px;
top: -10px;
left: 0;
}
.testimonial .owl-theme .owl-nav .owl-next:after {
content: "\f105";
position: absolute;
font-family: 'FontAwesome';
color: #fff;
font-size: 40px;
top: -25px;
left: auto;
right: 0;
}
.testimonial .border-image {
position: absolute;
left: 0;
top: 0;
}
.testimonial .border-image img {
z-index: 0;
width: auto;
height: auto;
max-width: 100%;
}
.architech_contant {
position: relative;
}
.architech_contant img {
max-width: 100%;
width: auto;
height: 205px;
}
.architech_contant .overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.architech .owl-theme .owl-nav {
margin-top: 0;
text-align: left;
padding: 0 10px;
position: absolute;
right: 0;
top: 50%;
left: 0;
}
.architech h2 {
position: relative;
text-align: center;
color: #09796d;
font-size: 36px;
font-family: 'Zurich LtCn BT';
font-weight: 600;
margin-bottom: 50px;
text-transform: uppercase;
}
footer {
padding: 20px 0;
background-color: #3c3c39;
}
footer .footer_contant p a {
color: #18a686;
font-family: 'Myriad Roman';
font-size: 13px;
font-weight: 600;
word-break: break-all;
}
footer .footer_contant p a:hover,
footer .footer_contant p a:focus {
color: #fff;
}
footer .footer_contant p.download {
margin: 0;
color: #18a686;
font-size: 13px;
}
footer .footer_contant p.download img {
max-width: 100%;
width: auto;
height: auto;
padding-left: 5px;
cursor: pointer;
}
ul.social {
float: left;
clear: both;
display: block;
position: relative;
width: 100%;
text-align: center;
}
ul.social li {
float: none;
display: inline-block;
}
ul.social li a i {
line-height: 36px;
}
ul.social li a {
display: block;
width: 36px;
height: 36px;
-webkit-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background-color: transparent;
color: #05a586;
font-size: 20px;
line-height: 36px;
margin-left: 3px;
text-align: center;
border: 1px solid #05a586;
}
ul.social li:first-child a {
margin-left: 0;
}
ul.social li a:hover,
ul.social li a:focus {
outline: none;
background-color: #05a586;
color: #fff;
}
footer .footer_contant p {
color: #18a686;
font-family: 'Myriad Roman';
font-size: 13px;
font-weight: 700;
line-height: 20px;
margin-bottom: 5px;
text-align: center;
}
footer .footer_contant.footer_con p {
text-align: left;
}
.quick_link {
float: left;
}
.quick_link ul {
float: left;
clear: both;
display: block;
position: relative;
}
.quick_link ul li {
display: block;
margin-bottom: 5px;
}
.quick_link ul li a {
color: #18a686;
font-family: 'Myriad Roman';
font-size: 13px;
font-weight: 700;
text-transform: capitalize;
}
.quick_link ul li a:hover,
.quick_link ul li a:focus {
color: #fff;
}
.copy_right {
background-color: #000;
padding: 15px 20px;
}
.copy_right .copy_left {
float: left;
}
.copy_right .copy_left ul {
float: left;
clear: both;
display: block;
position: relative;
}
.copy_right .copy_left ul li {
float: left;
border-right: 1px solid #fff;
color: #fff;
padding: 0 10px;
font-family: 'Myriad Roman';
font-size: 14px;
font-weight: 600;
}
.copy_right .copy_left ul li a {
color: #fff;
padding: 0 5px;
font-family: 'Myriad Roman';
font-size: 14px;
font-weight: 600;
}
.copy_right .copy_left ul li a:hover,
.copy_right .copy_left ul li a:focus {
color: #18a686;
}
.copy_right .copy_left ul li:last-child {
border-right: none;
}
.copy_left.right_sec {
float: right;
}
/************************** End About Us page ***********************/
.white_overlay.black {
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 40%, rgba(35, 31, 32, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 40%, rgba(35, 31, 32, 1) 100%);
background: linear-gradient(to left, rgba(0, 0, 0, 0) 60%, rgba(35, 31, 32, 1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.white_overlay.black.right {
background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 40%, rgba(35, 31, 32, 1) 100%) !important;
background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 40%, rgba(35, 31, 32, 1) 100%) !important;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 60%, rgba(35, 31, 32, 1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}
.projects .about_vision.about_vision_2.blog_dark .vision_right {
text-align: left;
margin-left: -100px;
}
.projects .about_vision.about_vision_2.blog_dark .vision_right p {
text-align: left;
display: block;
float: left;
position: relative;
left: 0;
padding: 0 0 0 0;
margin: 0;
color: #fff;
}
.projects .about_vision.about_vision_2.blog_dark .vision_right a.more {
color: #fff;
}
.projects .about_vision.about_vision_2.blog_dark .vision_right a.more::hover,
.projects .about_vision.about_vision_2.blog_dark .vision_right a.more::focus {
color: #09796d;
}
.About_us .testimonials .owl-item .item .vision_right h3 {
font-size: 40px;
font-weight: 600;
font-family: 'Zurich LtCn BT';
}
/************************** Start Buyers Guide Page ***********************/
.buyers_guide .about_banner {
background-image: url(../images/bg-1.jpg);
background-position: center center;
}
.buyers_guide .about_banner:after {
display: none;
}
.buyers_guide a.more {
float: right;
text-transform: uppercase;
margin-top: 0;
color: #575153;
font-size: 16px;
}
.buyers_guide a.more:hover,
.buyers_guide a.more:focus {
outline: none;
color: #09796d;
}
.buyers_guide a.more i {
color: #09796d;
font-size: 25px;
position: relative;
top: 2px;
left: 5px;
}
.bg_contente h3 {
text-transform: uppercase;
color: #09796d;
font-size: 24px;
font-family: 'Zurich LtCn BT';
}
.bg_contente p {
font-family: 'Zurich Lt BT';
color: #797878;
line-height: 24px;
font-size: 16px;
margin: 10px 0;
}
.padding_bottom_50 {
padding-bottom: 20px;
}
.projects.buyers_guide .about_vision {
padding: 50px 0 50px 0;
}
.projects.buyers_guide .about_vision .flower3 {
top: auto;
bottom: 0;
right: 0;
left: auto;
}
h5.sub_title {
text-transform: uppercase;
color: #09796d;
font-size: 24px;
font-family: 'Zurich LtCn BT';
}
.buyers_guide h1.title {
margin-bottom: 15px;
font-weight: 600;
}
.buyers_guide .about_vision h3 {
color: #09796d;
font-size: 24px;
font-family: 'Zurich LtCn BT';
margin-bottom: 10px;
}
.buyers_guide .about_vision p {
font-family: 'Zurich Lt BT';
color: #797878;
line-height: 30px;
font-size: 16px;
}
.fl_right {
float: right;
}
.buyers_guide a.more.fl_right {
float: right;
z-index: 10;
position: relative;
}
.buyers_guide.tax .about_banner {
background-image: url(../images/text-banifit.jpg);
background-position: center center;
}
.buyers_guide.tax ul li {
font-family: 'Zurich Lt BT';
color: #797878;
font-size: 16px;
line-height: 24px;
}
.buyers_guide.home_loan .about_banner {
background-image: url(../images/emai-calculater.jpg);
background-position: center center;
}
.buyers_guide.home_loan .about_banner.loan-home {
background-image: url(../images/home-loan.jpg);
}
form.emi_calc label {
display: block;
float: left;
width: 100%;
text-align: left;
color: #141713;
font-size: 20px;
font-family: 'Zurich Lt BT';
margin-bottom: 5px;
}
form.emi_calc .span_form {
padding-bottom: 30px;
}
form.emi_calc input.form_ctrl {
width: 100%;
display: block;
background-color: transparent;
border: 1px solid #727171;
height: 45px;
line-height: 45px;
padding: 0 15px;
font-size: 16px;
}
form.emi_calc input.form_ctrl.fill {
background-color: #cdcccc;
border-color: #b2b1b1;
}
form.emi_calc .form_btn {
outline: none;
border: none;
background-color: #2b2a29;
text-align: center;
color: #fff;
font-size: 16px;
height: 45px;
line-height: 45px;
}
form.emi_calc .form_btn button {
display: block;
background-color: transparent;
border: none;
outline: none;
width: 100%;
padding: 0 15px;
}
form.emi_calc .form_btn button:hover,
form.emi_calc .form_btn button:focus {
background-color: #05a586;
}
/************************** End Buyers Guide Page ***********************/
/************************** Start Blog Details ***********************/
.blog_detail {
padding: 20px 0 60px 0;
}
.blog_detail p {
font-family: 'Zurich Lt BT';
color: #797878;
line-height: 24px;
font-size: 16px;
}
.blog_detail ul li,
.blog_detail ol li {
font-family: 'Zurich Lt BT';
color: #797878;
font-size: 16px;
line-height: 24px;
}
.blog_detail ul li a,
.blog_detail ol li a {
font-family: 'Zurich Lt BT';
color: #797878;
font-size: 16px;
}
.blog_detail ul li a:hover,
.blog_detail ul li a:focus,
.blog_detail ol li a:hover,
.blog_detail ol li a:focus {
color: #05a586;
outline: none;
}
/************************** End Blog Details ***********************/
/************************** Start career page ***********************/
.about_vision.career_page {
padding: 100px 0;
}
.projects .about_vision.career_page .flower3 {
top: auto;
bottom: 0;
}
.career_page .career_left h2 {
text-transform: uppercase;
color: #09796d;
font-family: 'Zurich LtCn BT';
}
.panel {
background-color: transparent;
}
#accordion2 .panel-title a {
display: block;
padding: 17px 30px;
border: 1px solid #000;
Font-size: 24px;
font-weight: 400;
position: relative;
color: #09796d;
text-transform: uppercase;
font-family: 'Zurich LtCn BT';
background-color: #3c3c39;
}
#accordion2 .panel-title a.collapsed {
background-color: #fff;
color: #3c3c39;
}
#accordion2 .panel-title a.collapsed:before {
color: #3c3c39;
}
#accordion2 .panel-title a:before {
content: "-";
line-height: normal;
font-size: 34px;
color: #09796d;
position: absolute;
top: 8px;
right: 20px;
}
#accordion2 .panel-title a.collapsed:before {
content: "+";
}
#accordion2 .panel-body {
padding: 35px 0 20px;
border: none;
}
#accordion2 .panel-body h3 {
font-size: 26px;
color: #3c3c39;
text-transform: uppercase;
margin-bottom: 20px;
font-family: 'Zurich LtCn BT';
}
#accordion2 .panel-body p {
font-size: 16px;
color: #3c3c39;
margin-bottom: 20px;
font-family: 'Zurich LtCn BT';
line-height: 24px;
}
#accordion2 .panel-body a.btn {
background-color: #2b2a29;
max-width: 225px;
padding: 15px 0;
font-size: 16px;
color: #cdcccc;
font-family: 'Zurich LtCn BT';
text-transform: capitalize;
text-align: center;
-webkit-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
display: block;
line-height: 18px;
}
#accordion2 .panel-body a.btn:hover,
#accordion2 .panel-body a.btn:focus {
background-color: #09796d;
}
/************************** End career page ***********************/
/************************** Start contactus page ***********************/
.about_banner.contact {
background-image: url(../images/contactus.jpg);
}
.about_banner.contact:after {
display: none;
}
.contact_right ul {
float: left;
display: block;
position: relative;
padding: 0;
margin: 0;
}
.contact_right ul li {
display: block;
margin-bottom: 30px;
}
.contact_right ul.social li {
float: left;
}
.contact_right ul.social li a {
padding-right: 0;
}
.contact_right ul li img {
width: auto;
max-width: 100%;
height: auto;
padding-right: 20px;
}
.contact_right ul li a {
color: #09796d;
font-size: 16px;
padding-right: 5px;
text-transform: uppercase;
font-weight: 600;
}
.contact_right ul li a:hover,
.contact_right ul li a:focus {
color: #3c3c39;
}
.contact_right ul li p {
color: #09796d;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
margin: 0;
width: auto;
float: right;
}
.projects.contactus .about_vision .flower3 {
z-index: -1;
}
.about_vision.contact_part {
padding: 50px 0;
}
.about_vision.contact_part h2.title {
color: #09796d;
font-family: 'Zurich Lt BT';
margin-bottom: 40px;
text-transform: uppercase;
}
.contact_part_right input.form-control {
height: 50px;
font-family: 'Zurich Lt BT';
-webkit-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid #585652;
}
.contact_part_right input.form-control:focus {
box-shadow: none;
}
.contact_part_right input.form-control::-webkit-placeholder {
font-family: 'Zurich LtCn BT';
font-size: 20px;
}
.contact_part_right input.form-control::-ms-placeholder {
font-family: 'Zurich LtCn BT';
font-size: 20px;
}
.contact_part_right input.form-control::-o-placeholder {
font-family: 'Zurich LtCn BT';
font-size: 20px;
}
.contact_part_right input.form-control::-moz-placeholder {
font-family: 'Zurich LtCn BT';
font-size: 20px;
}
.contact_part_right .form-control::placeholder {
font-family: 'Zurich LtCn BT';
font-size: 18px;
color: #3c3c39;
text-transform: uppercase;
}
.contact_part_right button.submit {
max-width: 100%;
background-color: #231f20;
color: #fff;
-webkit-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
width: 100%;
text-align: left;
display: block;
}
.contact_part_right button.submit:hover,
.contact_part_right button.submit:focus {
background-color: #09796d;
}
.modal-content {
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 30px;
background-color: #09796d;
position: relative;
}
.modal-content button.close {
position: absolute;
top: 10px;
right: 15px;
color: #fff;
z-index: 1;
font-size: 30px;
}
.modal-content h3 {
color: #ffffff;
margin-bottom: 20px;
font-family: 'Zurich LtCn BT';
text-transform: uppercase;
font-weight: 600;
}
.modal-content input.form-control {
height: 50px;
font-family: 'Zurich Lt BT';
-webkit-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid #fff;
background-color: #fff;
}
.modal-content input.form-control:focus {
box-shadow: none;
}
.modal-content input.form-control::-webkit-placeholder {
font-family: 'Zurich LtCn BT';
font-size: 20px;
}
.modal-content input.form-control::-ms-placeholder {
font-family: 'Zurich LtCn BT';
font-size: 20px;
}
.modal-content input.form-control::-o-placeholder {
font-family: 'Zurich LtCn BT';
font-size: 20px;
}
.modal-content input.form-control::-moz-placeholder {
font-family: 'Zurich LtCn BT';
font-size: 20px;
}
.modal-content .form-control::placeholder {
font-family: 'Zurich LtCn BT';
font-size: 18px;
color: #3c3c39;
text-transform: uppercase;
}
.modal-content button.submit {
max-width: 100%;
background-color: #231f20;
color: #fff;
-webkit-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
width: 100%;
text-align: left;
display: block;
}
.modal-content button.submit:hover,
.modal-content button.submit:focus {
background-color: #09796d;
}
#myModal1 .modal-content h3 {
color: #fff;
}
#myModal1 .modal-content span {
color: #fff;
width: 100%;
text-align: center;
display: block;
}
#myModal1 .modal-content span a {
color: #fff;
}
/************************** End contactus page ***********************/
/************************** Start emeralad garden ***********************/
.about_banner.garden_banner {
background-image: url(../images/garden-main.jpg);
}
.logo-2 {
float: right;
}
.logo-2 a {
display: block;
}
.logo-2 img {
max-width: 100%;
width: auto;
height: auto;
}
.garden_right h6 {
color: #09796d;
text-transform: uppercase;
margin-bottom: 20px;
font-family: 'Zurich LtCn BT';
font-weight: 600;
line-height: 24px;
}
.garden_right p {
font-family: 'Zurich Lt BT';
margin-bottom: 50px;
}
.about_vision.garden .garden_right .vision_image img {
padding-bottom: 40px;
padding-right: 30px;
}
.about_vision.garden .garden_right .vision_image:after {
height: 310px;
}
.about_banner.garden_banner.gulistan_banner {
background-image: url(https://rituhousing.com/admin/uploads/emerald-gulistan.jpg);
}
.about_banner.garden_banner.garden-inn-banner {
background-image: url(https://rituhousing.com/admin/uploads/emerald-garden.jpg);
}
.about_banner.garden_banner.gulistan-inn-banner {
background-image: url(https://rituhousing.com/admin/uploads/emerald-gulistan.jpg);
}
/************************** end emeralad garden ***********************/
/************************** start emeralad garden innpage ***********************/
.about_vision.garden.amenities h1.title {
margin-bottom: 50px;
}
.about_vision.garden .amenities_contant ul {
float: left;
display: block;
position: relative;
clear: both;
width: 100%;
}
.about_vision.garden .amenities_contant ul li {
text-align: center;
width: 11.11%;
float: left;
}
.about_vision.garden .amenities_contant ul li span {
min-height: 88px;
position: relative;
width: 100%;
float: left;
margin-bottom: 10px;
}
.about_vision.garden .amenities_contant ul li span img {
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
margin: auto;
}
.about_vision.garden .amenities_contant ul li p {
color: #09796d;
text-align: center;
font-size: 14px;
line-height: normal;
font-family: 'Zurich LtCn BT';
font-weight: 600;
line-height: 20px;
height: 180px;
}
.about_vision.garden.amenities .site_contant h1.title {
margin: 0;
}
.site_contant img {
width: auto;
max-width: 100%;
height: auto;
}
.floor_contant img {
width: auto;
max-width: 100%;
height: auto;
}
.floor_plans .owl-theme .owl-nav {
margin-top: 0;
text-align: left;
padding: 0 10px;
position: absolute;
top: 50%;
width: 100%;
}
.floor_plans .owl-theme .owl-dots {
display: none;
}
.floor_plans .owl-theme .owl-nav .owl-prev:after {
content: "\f104";
position: absolute;
font-family: 'FontAwesome';
color: #323030;
font-size: 30px;
top: -10px;
left: 0;
}
.floor_plans .owl-theme .owl-nav .owl-next:after {
content: "\f105";
position: absolute;
font-family: 'FontAwesome';
color: #323030;
font-size: 30px;
top: -25px;
left: auto;
right: 0;
}
.about_vision.garden.amenities.floor_plans h1.title {
margin-bottom: 30px;
}
.about_vision.gallery .vision_image.gallery_left {
margin-bottom: 30px;
}
.m-100 {
margin-top: 80px;
}
.about_vision.gallery .vision_image.gallery_left img {
padding-left: 0;
padding-bottom: 0;
-webkit-object-fit: cover;
-ms-object-fit: cover;
-o-object-fit: cover;
-moz-object-fit: cover;
object-fit: cover;
}
.about_vision.gallery .vision_image.gallery_left:after {
height: 260px;
}
.gallery .owl-theme .owl-nav {
margin-top: 0;
text-align: left;
padding: 0 10px;
position: absolute;
top: 50%;
width: 100%;
}
.gallery .owl-theme .owl-dots {
display: none;
}
.gallery .owl-theme .owl-nav .owl-prev:after {
content: "\f104";
position: absolute;
font-family: 'FontAwesome';
color: #323030;
font-size: 30px;
bottom: 100px;
left: 0;
}
.gallery .owl-theme .owl-nav .owl-next:after {
content: "\f105";
position: absolute;
font-family: 'FontAwesome';
color: #323030;
font-size: 30px;
bottom: 100px;
left: auto;
right: 0;
}
.gallery_cont .item {
padding: 0 50px;
}
.pr-10 {
padding-right: 20px;
}
.pl-10 {
padding-left: 20px;
}
.about_vision.garden.video .vision_image.video_contant {
padding-top: 50px;
}
.about_vision.garden.video .vision_image.video_contant:after {
height: 300px;
}
.about_vision.garden.video h2 {
font-size: 36px;
color: #09796d;
text-transform: uppercase;
font-family: 'Zurich LtCn BT';
}
.about_vision.garden.video .vision_image.video_contant a {
display: block;
}
.test_contant {
padding: 50px 0 100px 0;
}
.test_contant .item {
width: 100%;
padding: 0 40px;
}
.test_sec_img {
text-align: center;
margin: auto;
}
.test_sec_img iframe {
width: 100%;
/*height:600px;*/
}
.test_sec_img img {
width: auto;
max-width: 100%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.test_sec_img_contant {
border: 1px solid #c7c5c5;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top: -80px;
padding: 120px 30px 20px 30px;
text-align: center;
}
.test_sec_img_contant p {
color: #575153;
margin-bottom: 50px;
font-family: 'Zurich Lt BT';
line-height: 24px;
position: relative;
padding: 0 20px;
}
.test_sec_img_contant h6 {
color: #09796d;
font-family: 'Zurich LtCn BT';
text-transform: uppercase;
}
.test_contant .owl-theme .owl-nav {
margin-top: 0;
text-align: left;
padding: 0 10px;
position: absolute;
top: 50%;
width: 100%;
}
.test_contant .owl-theme .owl-dots {
display: none;
}
.test_contant .owl-theme .owl-nav .owl-prev:after {
content: "\f104";
position: absolute;
font-family: 'FontAwesome';
color: #323030;
font-size: 30px;
top: -10px;
left: 0;
}
.test_contant .owl-theme .owl-nav .owl-next:after {
content: "\f105";
position: absolute;
font-family: 'FontAwesome';
color: #323030;
font-size: 30px;
top: -25px;
left: auto;
right: 0;
}
.test_sec_img_contant p:before {
content: "";
position: absolute;
width: 20px;
height: 20px;
background-image: url(../images/qute-left.png);
background-repeat: no-repeat;
top: 5px;
left: 0;
}
.test_sec_img_contant p:after {
content: "";
position: absolute;
width: 20px;
height: 20px;
background-image: url(../images/qute-right.png);
background-repeat: no-repeat;
bottom: -2px;
right: 20px;
}
.location_map iframe {
width: 100%;
min-height: 400px;
padding-bottom: 50px;
}
.location_map:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 90%;
height: 400px;
background-color: rgba(181, 214, 202, 0.5);
z-index: -1;
}
/************************** end emeralad garden innpage ***********************/
/************************** start emeralad gulistan innpage ***********************/
.about_vision.garden.gulistan .amenities_contant ul li {
width: 20%;
}
.about_vision.garden.gulistan .amenities_contant ul li p {
height: 180px;
}
/************************** end emeralad gulistan innpage ***********************/
.trust {
padding: 50px 0 50px;
text-align: center;
background-color: #231f20;
}
.trust h3 {
color: #09796d;
text-transform: uppercase;
font-family: 'Zurich LtCn BT';
margin-bottom: 30px;
font-weight: 600;
}
.trust p {
color: #f4f4f4;
font-family: 'Zurich Lt BT';
line-height: 24px;
font-size: 16px;
}
#content {
width: 100%;
height: 657px;
margin: 0px auto;
position: relative;
background-color: #221f1f;
z-index: 100;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
overflow: hidden;
}
#content h2 {
color: #09796d;
font-family: 'Zurich LtCn BT';
position: absolute;
top: 60%;
left: 0;
right: 0;
text-align: center;
}
#content .border-images {
position: absolute;
overflow: hidden;
width: 121px;
height: 125px;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
left: 0;
right: 0;
}
#content .border-images img {
width: auto;
max-width: 100%;
height: auto;
z-index: 1;
position: relative;
}
#content .border-images img.img2 {
width: auto;
max-width: 100%;
height: auto;
position: absolute;
bottom: -100%;
left: 0;
right: 0;
margin: auto;
z-index: 0;
}
.about_vision .vision_image img {
-webkit-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
-moz-transition: 0.7s;
transition: 0.5s;
}
.about_vision .vision_image:hover .white_overlay {
-webkit-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
-moz-transition: 0.7s;
transition: 0.7s;
}
.about_vision .vision_image:hover .white_overlay,
.about_vision .vision_image:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
-moz-transition: 0.7s;
transition: 0.7s;
}
.projects .about_vision .vision_right a.more.coming {
float: none;
text-align: center;
margin: auto;
font-size: 30px;
color: #000;
position: absolute;
top: 160px;
display: block;
}
.projects .about_vision .vision_right a.more.coming i {
font-size: 30px;
top: 0;
}
.full-width.career_right.job h2 {
background-color: #231f20;
padding: 20px;
color: #09796d;
font-family: 'Zurich LtCn BT';
font-weight: 600;
margin-bottom: 20px;
}
.full-width.career_right.job p {
font-size: 16px;
color: #000;
padding: 0 20px;
line-height: 24px;
}
.home_image .owl-carousel .item .banner_text h4 a {
color: #1aa886;
}
.counter-sec {
padding: 85px 0;
background-color: #fff;
text-align: center;
position: relative;
}
.counter-sec h2 {
font-weight: 600;
font-family: 'Zurich LtCn BT';
color: #09796d;
text-align: center;
margin-bottom: 60px;
font-size: 40px;
text-transform: uppercase;
}
.counter-sec .counter-info {
text-align: center;
display: block;
}
.counter-sec .counter-info ul {
clear: both;
text-align: center;
display: block;
}
.counter-sec .counter-info ul li {
color: #09796d;
text-align: center;
list-style: none;
font-size: 40px;
font-weight: 600;
font-family: 'Zurich LtCn BT';
}
.counter-sec .counter-info ul li span {
font-size: 50px;
color: #09796d;
font-weight: 600;
margin-bottom: 15px;
display: inline-block;
font-family: 'Zurich LtCn BT';
}
.counter-sec .counter-info ul li h3 {
font-size: 24px;
color: #000;
font-weight: 600;
margin-bottom: 0;
text-transform: capitalize;
font-family: 'Zurich LtCn BT';
}
.buyers_guide .about_banner.documentation {
background-image: url(../images/documention.jpg);
}
.about_banner.blog.carrer {
background-image: url(../admin/uploads/banner.jpg);
}
.architech .owl-dots {
display: none;
}
.architech .owl-theme .owl-nav .owl-prev:after {
content: "\f104";
position: absolute;
font-family: 'FontAwesome';
color: #09796d;
font-size: 40px;
top: -20px;
left: -30px;
}
.architech .owl-theme .owl-nav .owl-next:after {
content: "\f105";
position: absolute;
font-family: 'FontAwesome';
color: #09796d;
font-size: 40px;
top: -20px;
left: auto;
right: -30px;
}
.architechs .item {
border: 1px solid #4b4b4b;
}
footer .copy_left ul {
float: left;
width: 100%;
display: block;
}
footer .copy_left ul li {
float: left;
padding: 0 20px;
border-right: 1px solid #18a686;
}
footer .copy_left ul li:first-child {
padding-left: 0;
}
footer .copy_left ul li:last-child {
border-right: none;
}
footer .copy_left ul li a {
color: #18a686;
font-family: 'Myriad Roman';
font-size: 13px;
font-weight: 600;
}
footer .copy_left ul li a:hover,
footer .copy_left ul li a:focus {
color: #fff;
}
footer .right_sec h6 {
color: #18a686;
font-family: 'Myriad Roman';
font-size: 13px;
font-weight: 600;
text-align: right;
}
.terms {
padding: 100px 0;
}
.terms h2 {
margin-bottom: 50px;
font-weight: 600;
text-transform: uppercase;
}
.terms h3 {
color: #18a686;
font-family: 'Myriad Roman';
font-weight: 600;
margin-bottom: 10px;
}
.terms p {
color: #000;
font-family: 'Zurich LtCn BT';
margin-bottom: 20px;
text-transform: none;
line-height: 24px;
}
.terms h2.title {
color: #18a686;
}
.terms .table>thead {
background-color: #62646c
}
.terms .table>thead>tr,
.terms .table>tbody>tr>td {
border: 1px solid #ccc;
}
.terms .table>thead>tr>th {
border: 1px solid #ccc;
color: #fff;
}
footer .footer_contant p.big_f_size a {
font-size: 20px;
}
.not_found {
text-align: center;
}
.not_found img {
width: auto;
max-width: 100%;
margin: auto;
}
.not_found h2 {
margin-bottom: 20px;
}
.not_found_center a.btn {
background-color: #18a686;
color: #fff;
}
.mail-2 {
padding-left: 76px;
}
.about_banner.project_banner {
background-image: url(../images/project-banner.jpg);
}
.about_vision.garden h2.title {
color: #09796d;
font-family: 'Zurich Lt BT';
margin-bottom: 40px;
text-transform: uppercase;
}
.floor h2 {
color: #09796d;
font-family: 'Zurich Lt BT';
margin-bottom: 40px;
text-transform: uppercase;
font-weight: 600;
}
.about_vision.garden a img {
width: 100%;
max-width: 100%;
min-height: 210px;
max-height: 175px;
}
.vision_right.Corporate_Av h2 {
left: 0;
}
.menu_2 {
position: absolute;
z-index: 10;
right: 0px;
top: 0px;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
padding: 10px 0;
}
.main-menu ul>li {
display: inline-block;
margin-right: 30px;
padding: 29px 0;
position: relative;
}
.main-menu ul>li>a {
font-size: 16px;
font-weight: 600;
font-family: 'Zurich Lt BT';
color: #05a586;
text-transform: uppercase;
}
.main-menu ul>li>a:hover,
.main-menu ul>li>a:focus {
color: #fff;
}
.main-menu ul li ul.sub-menu li a:hover,
.main-menu ul li ul.sub-menu li a:focus {
color: #09796d;
padding-left: 15px;
transition: 0.5s;
}
.main-menu ul>li>a:hover span:after,
.main-menu ul>li>a:focus span:after {
color: #fff;
}
.main-menu ul>li>a span {
position: relative;
}
.main-menu ul>li>a span:after {
content: "\f107";
font-family: FontAwesome;
font-weight: normal;
line-height: normal;
margin-left: 5px;
margin-top: 0;
top: auto;
position: absolute;
color: #05a586;
}
.main-menu ul li ul.sub-menu {
width: 250px;
border: 2px solid #f1f1f1;
position: absolute;
background: #fff;
z-index: 9;
top: 120%;
visibility: hidden;
opacity: 0;
-ms-filter: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.main-menu ul li ul.sub-menu li {
display: block;
margin-right: 0;
border-bottom: 1px solid #eee;
padding: 10px 15px;
}
.main-menu ul li ul.sub-menu li a {
display: block;
padding: 0;
font-weight: 400;
text-align: left;
transition: 0.5s;
}
.main-menu ul>li .mega-menu {
background: #ffffff;
right: 0;
left: auto;
padding: 30px;
text-transform: uppercase;
position: absolute;
text-align: left;
width: 660px;
z-index: 9;
top: 120%;
border: 2px solid #f1f1f1;
visibility: hidden;
opacity: 0;
-ms-filter: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.main-menu ul>li .mega-menu>li {
width: 33.333%;
float: left;
padding: 0;
margin-right: 0;
}
.main-menu ul>li .mega-menu>li a {
padding: 0;
font-weight: 600;
text-align: left;
}
.main-menu ul>li .mega-menu>li a:before {
display: none;
}
.main-menu ul>li .mega-menu>li ul {
margin-top: 10px;
}
.main-menu ul>li .mega-menu>li ul li {
display: block;
padding: 0;
margin-right: 10px;
}
.main-menu ul>li:last-child {
margin-right: 0;
}
.main-menu ul>li .mega-menu>li ul li a {
padding: 0;
font-size: 14px;
text-transform: capitalize;
display: block;
font-weight: 500;
margin-top: 5px;
}
.main-menu ul>li .mega-menu>li ul li a:before {
display: none;
}
.main-menu ul>li:hover .sub-menu,
.main-menu ul>li:hover .mega-menu {
visibility: visible;
opacity: 1;
-ms-filter: 1;
top: 100%;
}
.mini-wrap-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 28px 0;
}
.mobile-menu {
float: left;
width: 100% !important;
position: relative !important;
}
.mobile-menu .mean-bar {
position: relative;
}
.mobile-menu .mean-bar .meanmenu-reveal {
position: absolute;
top: -54px;
color: #000;
left: 0;
}
@media only screen and (min-width:992px) {
.about_vision.gallery .vision_image.gallery_left img {
height: 190px;
width: 100%;
}
}
@media only screen and (max-width:767px) {
.mobile-menu .mean-bar .meanmenu-reveal {
top: -54px;
}
}
@media only screen and (max-width:479px) {
.mobile-menu .mean-bar .meanmenu-reveal {
top: -50px;
}
}
.modal.fade .modal-dialog {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 500px;
margin: auto;
}
.mobile-menu .mean-bar .meanmenu-reveal span {
position: relative;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
height: 2px;
width: 26px;
background-color: #05a586;
display: block;
margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-color: #05a586;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:before {
top: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:after {
bottom: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
height: 2px;
width: 26px;
background-color: transparent;
display: block;
margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-color: #05a586;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mobile-menu .mean-bar .mean-nav {
background-color: #05a586;
margin-top: 10px;
}
.mobile-menu .mean-bar .mean-nav>ul {
margin-bottom: 30px;
border: 1px solid #eeeeee;
border-top: 0px solid transparent;
overflow-x: hidden;
}
@media only screen and (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
.mobile-menu .mean-bar .mean-nav>ul {
max-height: 280px;
overflow-y: auto;
}
.mobile-menu .mean-bar .mean-nav>ul {
margin-bottom: 0;
}
.menu_2 {
padding-bottom: 20px;
}
.about_nav .navbar-nav>li>a {
padding: 5px;
font-size: 15px;
}
.architech_contant img {
height: auto;
width: 100%;
}
.architech .owl-theme .owl-nav .owl-next:after {
right: -20px;
}
.architech .owl-theme .owl-nav .owl-prev:after {
left: -20px;
}
ul.social li a {
margin-left: 5px;
}
.counter-sec .counter-info {
margin-bottom: 40px;
}
.modal.fade .modal-dialog {
max-width: 500px;
margin: auto;
}
}
@media only screen and (max-width:567px) {
.architechs_imgs {
width: 100%;
}
.counter-sec .counter-info ul li span {
margin-bottom: 0;
}
.modal.fade .modal-dialog {
max-width: 270px;
margin: auto;
}
}
@media only screen and (max-width:479px) {
.mobile-menu .mean-bar .mean-nav>ul {
max-height: 275px;
overflow-y: auto;
}
.mobile-menu .mean-bar .mean-nav>ul {
margin-bottom: 0;
}
.menu_2 {
padding-bottom: 0;
}
}
.mobile-menu .mean-bar .mean-nav>ul li {
position: relative;
display: block;
float: left;
width: 100%;
}
.mobile-menu .mean-bar .mean-nav>ul li a {
font-size: 13px;
display: block;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
line-height: 44px;
position: relative;
border-top: 1px solid #eeeeee;
padding: 0 40px 0 20px;
}
.mobile-menu .mean-bar .mean-nav>ul li a i {
display: none;
}
.mobile-menu .mean-bar .mean-nav>ul li a:hover {
color: #ccc;
padding-left: 25px;
}
.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand {
border: 1px solid #eeeeee;
position: absolute;
right: -1px;
top: 0;
font-size: 20px !important;
color: #fff;
line-height: 44px;
height: 46px;
width: 40px;
text-align: center;
padding: 0;
}
.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand.mean-clicked {
line-height: 40px;
}
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul {
position: static;
background-color: #09796d;
margin: 0;
padding: 0 !important;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
display: none;
float: left;
width: 100%;
}
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li,
.mobile-menu .mean-bar .mean-nav>ul li ul li {
padding: 0;
margin: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
border-right: 0px solid transparent;
width: 100%;
display: block !important;
float: left;
width: 100%;
}
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li a {
font-size: 12px;
}
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a:before,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a:before,
.mobile-menu .mean-bar .mean-nav>ul li ul li a:before {
display: none;
}
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul {
background-color: rgba(0, 0, 0, 0.04);
}
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a {
border-top: 1px solid #dddddd;
}
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a.mean-expand {
border: 1px solid #dddddd;
}
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul {
background-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a {
border-top: 1px solid #eeeeee;
}
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a.mean-expand {
border: 1px solid #eeeeee;
}
@media only screen and (max-width:479px) {
.is-sticky .mean-bar .meanmenu-reveal {
top: -40px;
}
}
@media only screen and (max-width:767px) {
.is-sticky .mean-bar .meanmenu-reveal {
top: -42px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.is-sticky .mean-bar .meanmenu-reveal {
top: -48px;
}
}
.architech {
padding: 100px 0;
}
.partner {
padding: 80px 0;
background-color: #09796d;
}
.partner h2 {
position: relative;
text-align: center;
color: #fff;
font-size: 36px;
font-family: 'Zurich LtCn BT';
font-weight: 600;
margin-bottom: 50px;
text-transform: uppercase;
}
.partner .owl-theme .owl-nav {
margin-top: 0;
text-align: left;
padding: 0 10px;
position: absolute;
top: 50%;
width: 100%;
}
.partner .owl-theme .owl-dots {
display: none;
}
.partner .item {
margin: 0 20px;
}
.contact_left h2 {
color: #09796d;
font-family: 'Zurich Lt BT';
margin-bottom: 40px;
text-transform: uppercase;
font-weight: 600;
text-decoration: underline;
}
.contact_right h3 {
color: #000;
font-family: 'Zurich Lt BT';
margin-bottom: 30px;
text-transform: capitalize;
margin-bottom: 20px;
font-weight: 600;
}
.garden_right ul {
width: 100%;
position: relative;
display: block;
}
.garden_right ul li {
color: #000;
font-size: 16px;
line-height: 24px;
font-family: 'Zurich Lt BT';
margin-bottom: 10px;
padding-left: 30px;
position: relative;
}
.garden_right ul li:before {
content: "\f061";
font-size: 16px;
font-family: 'FontAwesome';
position: absolute;
left: 0;
top: 0;
color: #09796d;
}
.projects .about_vision .vision_right img {
width: auto;
max-width: 100%;
display: block;
margin-top: -55px;
margin-bottom: 10px;
}
.projects .about_vision.about_vision_2 .vision_right img {
margin: auto;
margin-left: 160px;
margin-top: -55px;
}
.contact_right ul li p.small_align {
margin-top: 15px;
}
.p-00 {
padding-left: 0;
}
.about_vision.garden.video .vision_image.video_contant iframe {
width: 1000px;
position: relative;
z-index: 2;
border: 0;
padding-left: 40px;
padding-bottom: 40px;
}
a.btn.downlod {
background-color: #09796d;
border-radius: 0;
color: #fff;
border: 1px solid #09796d;
}
a.btn.downlod i {
color: #fff;
margin-left: 5px;
}
a.btn.downlod:hover,
a.btn.downlod:focus {
background-color: transparent;
color: #09796d;
border: 1px solid #09796d;
}
a.btn.downlod:hover i,
a.btn.downlod:focus i {
color: #09796d;
}
.projects.buyers_guide .mfp-content .mfp-figure figure img.mfp-img {
max-width: 100%;
height: auto;
}
/************************** Start Responsive ***********************/
@media(max-width:1200px) {
.projects .about_nav .navbar-nav>li>a {
font-size: 14px;
padding: 0 6px;
}
.projects .about_vision .vision_image:after {
min-height: 300px;
height: auto;
}
.projects .about_vision .vision_right p {
padding-right: 0;
line-height: 24px;
}
.about_vision .vision_image:after {
height: 320px;
}
.vision_right.mission_right {
right: -220px;
}
.testimonial {
padding: 80px;
}
#accordion2 .panel-title a {
font-size: 22px;
}
.contact_left h1.title {
font-size: 34px;
}
.contact_right ul li a,
.contact_right ul li p {
font-size: 17px;
}
.about_vision.gallery .vision_image.gallery_left:after {
height: 210px;
}
.about_vision.garden.video .vision_image.video_contant:after {
height: 440px;
}
.main-menu ul>li {
margin-right: 20px;
}
}
@media(max-width:991px) {
.about_bg:before,
.testimonial .border-image img,
.about_bg img {
display: none;
}
.history h2 {
font-size: 27px;
}
.history p {
font-size: 16px;
}
.about_vision .vision_image:after {
height: 240px;
}
.vision_right h2 {
font-size: 24px;
left: -55px;
}
.vision_right.mission_right h2 br {
display: none;
}
.vision_right.mission_right {
right: -145px;
}
.testimonial {
padding: 50px;
}
.footer_contant.footer_con {
margin-top: 0
}
.about_vision.career_page {
padding: 50px 0;
}
.career_left {
text-align: center;
margin-bottom: 20px
}
.career_left h1.title {
margin-bottom: 20px;
}
.career_page .career_left h2 {
font-size: 26px;
}
.about_vision.contact_page {
padding: 50px 0 20px;
}
.logo-2 {
position: absolute;
right: 100px;
}
.about_vision.garden .garden_right .vision_image:after {
height: 210px;
}
.garden h1.title {
font-size: 26px;
}
.about_vision.garden .amenities_contant ul li {
width: 33.33%;
}
.about_vision.garden .amenities_contant ul li p br {
display: none;
}
.about_vision.garden.amenities h1.title {
text-align: center;
margin-bottom: 30px;
}
.about_vision.gallery .vision_image.gallery_left img {
padding-left: 0;
padding-bottom: 0;
width: 100%;
height: auto;
max-height: 200px;
}
.about_vision.gallery .vision_image.gallery_left:after {
min-height: 150px;
height: auto;
}
.about_vision.garden.video .vision_image.video_contant:after {
height: 350px;
}
.test_sec_img_contant p:after {
right: 0;
}
.about_vision.garden.gulistan .amenities_contant ul li {
width: 33.33%
}
.about_vision.garden.gulistan .amenities_contant ul li p {
height: auto;
}
.trust p {
font-size: 15px;
}
.counter-sec .counter-info ul li h3 {
font-size: 22px;
}
.projects .about_vision .vision_right a.more.coming {
font-size: 20px;
position: relative;
top: 0;
}
.projects .about_vision .vision_right a.more.coming i {
font-size: 20px;
}
.vision_right h3 br {
display: none;
}
.projects .about_vision .vision_right p {
left: 0;
position: relative;
}
.projects .about_vision.about_vision_2 .vision_right {
margin-left: 0;
margin-bottom: 30px;
}
.projects .about_vision.about_vision_dark .vision_right,
.projects .about_vision .vision_right {
margin-left: 0;
}
.projects .about_vision .vision_right h3 {
margin-top: 20px;
text-align: center;
}
.projects .about_vision {
padding: 30px 0 20px 0;
}
.projects .about_vision.about_vision_dark {
padding: 50px 0 50px 0;
margin-top: 0;
}
.projects .about_vision .vision_right a.more {
display: block;
text-align: center;
float: none;
}
.projects .about_vision.about_vision_2 .vision_right a.more {
float: none;
}
.projects .about_vision .vision_right img {
margin: auto;
margin-top: 15px;
margin-bottom: 15px;
}
.projects .about_vision.about_vision_2 .vision_right img {
margin-left: auto;
margin-top: 15px;
}
.projects.buyers_guide .mfp-content .mfp-figure figure {
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
left: 10px;
right: 10px;
}
}
@media(max-width:992px) {
.projects .about_vision .vision_image:after {
min-height: 210px;
height: auto;
}
.about_banner:after,
.projects .about_vision .cut2,
.projects .about_vision .flower3,
.projects .about_vision.about_vision_dark .flower2,
.projects.buyers_guide .about_vision .flower3 {
display: none;
}
.projects.blogs .about_vision .vision_right h3 {
font-size: 24px;
}
.about_vision.garden a img {
width: 100%;
max-width: 100%;
-webkit-object-fit: cover;
-ms-object-fit: cover;
-o-object-fit: cover;
-moz-object-fit: cover;
object-fit: cover;
height: auto;
min-height: initial;
max-height: initial;
}
}
@media(max-width:767px) {
.home_image .owl-carousel .item .banner_text {
left: 30px;
}
.home_image .owl-carousel.owl-theme .owl-dots {
left: 30px;
bottom: 10px;
}
.home_image .owl-carousel .item .banner_text h2 {
font-size: 34px;
}
.main_menu .right_image {
display: none;
}
.left_menu {
max-width: 100%;
width: 100%;
overflow-y: scroll;
}
.left_menu ul {
position: relative;
top: 130px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.about_banner .banner_containt h1 {
padding-left: 0;
padding-right: 30px;
}
.about_banner .banner_containt {
position: relative;
top: 150px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.about_banner {
min-height: 300px;
}
.navbar-toggle {
border: 1px solid #fff;
}
.navbar-toggle .icon-bar {
background-color: #fff;
}
.white_overlay,
.projects .about_vision .vision_image:after {
display: none;
}
.projects .about_vision .vision_right,
.projects .about_vision.about_vision_2 .vision_right,
.projects .about_vision.about_vision_dark .vision_right,
.projects .about_vision.about_vision_2.blog_dark .vision_right {
margin-left: 0;
text-align: center;
padding: 20px 0;
}
.about_vision .vision_image img,
.projects .about_vision.about_vision_2 .vision_image img {
padding: 0;
}
.projects .about_vision {
padding: 50px 0;
}
.projects .about_vision.about_vision_dark {
margin-top: 0;
padding: 50px 0;
}
.projects .about_vision .vision_right h3 {
margin: 0 0 10px 0;
font-size: 26px;
}
.projects .about_vision .vision_right h3 br {
display: none;
}
.projects .about_vision .vision_right a.more,
.projects .about_vision.about_vision_2 .vision_right a.more {
float: none;
display: inline-block;
}
.projects .about_vision.about_vision_2 {
padding-top: 20px;
}
.about_nav .navbar-nav>li {
float: left;
display: block;
width: 100%;
text-align: right;
}
.projects .about_nav .navbar-nav>li>a {
font-size: 16px;
padding: 5px 0;
}
.about_nav {
padding: 5px 0;
}
.about_banner .banner_containt h1 {
font-size: 24px;
}
.about_banner .banner_containt h2 {
font-size: 20px;
}
.projects .about_vision.about_vision_2 .vision_right p {
padding: 0;
}
.history {
text-align: center;
padding: 40px 0;
}
.history h2 {
font-size: 24px;
margin-bottom: 10px;
}
.about_vision .vision_image:after {
display: none;
}
.about_vision {
text-align: center;
}
.about_vision .vision_image {
float: none;
}
.about_vision .vision_image img {
text-align: center;
padding: 0;
}
.about_vision.mission .vision_image {
margin-top: 0;
}
.vision_right h2 br {
display: none;
}
.vision_right h2 {
position: relative;
text-align: center;
left: 0;
right: 0;
}
.about_bg {
margin-top: 0;
display: none;
}
.pl-0 {
padding: 15px;
}
.vision_right.mission_right {
position: relative;
left: 0;
right: 0;
margin-bottom: 20px;
}
.testimonial .owl-theme .owl-nav {
position: relative;
text-align: center;
}
.testimonial .owl-theme .owl-nav .owl-next:after,
.testimonial .owl-theme .owl-nav .owl-prev:after {
top: auto;
left: auto;
}
.architech .owl-theme .owl-dots {
display: none;
}
footer {
text-align: center;
}
ul.social {
float: none;
text-align: center;
margin-bottom: 0;
}
ul.social li {
float: none;
display: inline-block;
}
.quick_link {
margin-top: 0px;
float: none;
}
.copy_right .copy_left ul,
.quick_link ul {
float: none;
text-align: center;
}
.copy_right .copy_left {
float: none;
margin-bottom: 15px;
}
.copy_right .copy_left ul li {
float: none;
display: inline-block;
}
.copy_left.right_sec {
margin-bottom: 0;
}
.projects.buyers_guide .about_vision {
padding: 50px 0 30px 0;
}
.buyers_guide a.more {
float: none;
display: inline-block;
}
h5.sub_title {
margin-bottom: 20px;
}
.buyers_guide .padding_bottom_50 {
padding-bottom: 20px;
}
form.emi_calc .form_btn {
margin-bottom: 20px;
}
.blog_detail {
padding: 0 0 60px 0;
text-align: center;
}
.career_page .career_left h2 {
font-size: 18px;
}
#accordion2 .panel-title a {
padding: 17px 30px 17px 15px;
font-size: 19px;
text-align: left;
}
#accordion2 .panel-title a:before {
font-size: 30px;
}
#accordion2 .panel-body a.btn {
margin: auto;
}
.p-0 {
padding: 0;
}
.contact_right ul li img {
display: block;
text-align: center;
margin: auto;
padding-right: 0;
margin-bottom: 15px
}
.contact_right ul li p {
margin: 0;
float: none;
margin-bottom: 20px;
}
.contact_right ul li:last-child {
margin-bottom: 0;
}
.about_vision.contact_part {
padding: 0 0 30px 0;
}
.about_vision.contact_part h2.title br {
display: none;
}
.contact_right ul li p br {
display: none;
}
.contact_right ul.social li {
display: inline-block;
float: none;
}
.about_vision.garden .garden_right .vision_image img {
padding-right: 0;
}
.garden_right p {
margin-bottom: 30px;
}
.logo-2 {
display: none;
}
.m-100 {
margin-top: 0;
}
.gallery_cont .item {
padding: 0 30px;
}
.about_vision.gallery .vision_image.gallery_left img {
padding: 0;
text-align: center;
margin: auto;
}
.pr-10 {
padding-right: 15px;
}
.pl-10 {
padding-left: 15px;
}
.about_vision.garden.video h2 {
font-size: 30px;
}
.trust {
text-align: center;
padding: 30px 0 30px;
}
.trust h3 {
margin-bottom: 10px;
}
.about_vision.vision-mission {
padding: 60px 0;
}
.vision_right p {
position: relative;
left: 0;
font-size: 15px;
margin-bottom: 0;
}
.counter-sec {
padding: 0 0 85px 0;
}
a.meanmenu-reveal {
right: 20px !important;
}
footer .copy_left ul {
text-align: center;
}
footer .copy_left ul li {
float: none;
display: inline-block;
}
footer .right_sec h6 {
text-align: center;
margin-top: 15px;
}
.contact_right ul {
width: 100%;
}
.architech .owl-theme .owl-nav .owl-next:after {
right: 0;
}
.architech .owl-theme .owl-nav .owl-prev:after {
left: 0;
}
.architechs {
text-align: center;
}
.architech_contant {
margin-bottom: 15px;
}
.about_vision .vision_image iframe,
.projects .about_vision.about_vision_2.blog_dark .vision_image img {
padding-left: 0;
}
.projects .about_vision.about_vision_2.blog_dark .vision_right {
margin-left: 0;
}
.projects .about_vision.about_vision_2.blog_dark .vision_right p {
text-align: center;
}
.navbar-toggle {
margin-right: 30px;
}
.about_nav .navbar-nav>li {
padding-right: 25px;
}
#content {
height: 100vh;
}
footer .col-lg-3.col-md-3.col-sm-4.col-xs-12 .footer_contant p:nth-child(3) {
margin-top: 20px;
}
.projects .about_vision .vision_right a.more,
.projects .about_vision.about_vision_2 .vision_right a.more {
display: block;
}
footer .footer_contant p {
min-height: initial !important;
}
footer .footer_contant p.upperc {
margin-top: 20px;
}
}
@media(max-width:567px) {
.home_image .owl-carousel .item .banner_text {
left: 30px;
}
.home_image .owl-carousel.owl-theme .owl-dots {
left: 30px;
bottom: 80px;
}
.home_image .owl-carousel .item .banner_text h2 {
font-size: 24px;
padding-right: 40px;
}
.home_image .owl-carousel .item .banner_text h4 {
font-size: 22px;
}
.home_image .owl-carousel.owl-theme .owl-dots .owl-dot span {
margin: 5px 30px 5px 0px;
}
.home_image .owl-carousel .item .banner_text h4 span::before {
right: -90px;
bottom: 16px;
width: 80px;
}
.home_image .owl-carousel .item .banner_text h4 span dd::before {
right: -115px;
bottom: -5px;
}
.home_image .owl-carousel .item .banner_text h4 span::after {
right: -98px;
bottom: 12px;
}
.social_media {
right: 0;
left: 0;
text-align: center;
}
.social_media ul li {
float: none;
display: inline-block;
}
.vision_right h2,
.history h2 {
font-size: 18px;
}
.history {
padding: 20px 0;
}
.testimonial {
padding: 30px 10px;
}
.copy_right .copy_left ul li {
float: none;
display: block;
border-right: none;
margin-bottom: 10px;
}
.copy_left.right_sec ul li:last-child {
margin-bottom: 0;
}
.projects .about_vision {
padding: 30px 0;
}
.career_page .career_left h2 {
font-size: 16px;
}
#accordion2 .panel-title a {
font-size: 16px;
line-height: 20px;
}
#accordion2 .panel-body h3 {
font-size: 22px;
}
.about_vision.contact_part h2.title {
font-size: 26px;
}
.contact_right ul li a,
.contact_right ul li p {
font-size: 15px;
display: block;
}
.modal-content {
padding: 20px 10px;
}
.about_vision.garden .amenities_contant ul li {
width: 50%;
}
.about_vision.gallery .vision_image.gallery_left {
margin-bottom: 20px;
}
.test_contant .item {
padding: 0 20px;
}
.test_sec_img_contant {
padding: 120px 10px 20px 10px;
}
.about_vision.garden.video h2 {
font-size: 20px;
}
.about_vision.garden.gulistan .amenities_contant ul li {
width: 100%;
}
div#myModal {
padding-left: 0 !important;
}
.about_banner {
min-height: 150px;
}
.navbar-toggle {
margin-right: 30px;
}
.about_nav .navbar-nav>li {
padding-right: 25px;
}
.projects .about_vision .vision_right a.more,
.projects .about_vision.about_vision_2 .vision_right a.more {
display: block;
}
.about_vision.garden {
text-align: left;
}
.about_vision.garden h1.title {
text-align: left;
}
}
/************************** End Responsive ***********************/
/******************* Bounce in right ********************/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.slow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.slower {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.slowest {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.delay-250 {
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-o-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.delay-500 {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay-750 {
-webkit-animation-delay: 0.75s;
-moz-animation-delay: 0.75s;
-o-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.delay-1000 {
-webkit-animation-delay: 1.0s;
-moz-animation-delay: 1.0s;
-o-animation-delay: 1.0s;
animation-delay: 1.0s;
}
.delay-1250 {
-webkit-animation-delay: 1.25s;
-moz-animation-delay: 1.25s;
-o-animation-delay: 1.25s;
animation-delay: 1.25s;
}
.delay-1500 {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.delay-1750 {
-webkit-animation-delay: 1.75s;
-moz-animation-delay: 1.75s;
-o-animation-delay: 1.75s;
animation-delay: 1.75s;
}
.delay-2000 {
-webkit-animation-delay: 2.0s;
-moz-animation-delay: 2.0s;
-o-animation-delay: 2.0s;
animation-delay: 2.0s;
}
.delay-2500 {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.delay-2000 {
-webkit-animation-delay: 2.0s;
-moz-animation-delay: 2.0s;
-o-animation-delay: 2.0s;
animation-delay: 2.0s;
}
.delay-2500 {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.delay-3000 {
-webkit-animation-delay: 3.0s;
-moz-animation-delay: 3.0s;
-o-animation-delay: 3.0s;
animation-delay: 3.0s;
}
.delay-3500 {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.bounceInRight,
.bounceInLeft,
.bounceInUp,
.bounceInDown {
opacity: 0;
-webkit-transform: translateX(400px);
transform: translateX(400px);
}
.fadeInRight,
.fadeInLeft,
.fadeInUp,
.fadeInDown {
opacity: 0;
-webkit-transform: translateX(400px);
transform: translateX(400px);
}
.flipInX,
.flipInY,
.rotateIn,
.rotateInUpLeft,
.rotateInUpRight,
.rotateInDownLeft,
.rotateDownUpRight,
.rollIn {
opacity: 0;
}
.lightSpeedInRight,
.lightSpeedInLeft {
opacity: 0;
-webkit-transform: translateX(400px);
transform: translateX(400px);
}
/************ bounceIn *************/
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.bounceIn.go {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
/***************** bounceInRight *****************/
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(400px);
}
60% {
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(400px);
}
60% {
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.bounceInRight.go {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
/******************* Bounce in left ********************/
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-400px);
}
60% {
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-400px);
}
60% {
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.bounceInLeft.go {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
/******************* Bounce in up ********************/
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(400px);
}
60% {
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(400px);
}
60% {
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.bounceInUp.go {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
/******************* Bounce in down ********************/
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-400px);
}
60% {
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-400px);
}
60% {
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.bounceInDown.go {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
/*********** Fade In ***********/
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
display: block;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
display: block;
}
}
.fadeIn {
opacity: 0;
}
.fadeIn.go {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
/*********** Grow in ************/
@-webkit-keyframes growIn {
0% {
-webkit-transform: scale(0.2);
opacity: 0;
}
50% {
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes growIn {
0% {
transform: scale(0.2);
opacity: 0;
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
opacity: 1;
}
}
.growIn {
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 0;
}
.growIn.go {
-webkit-animation-name: growIn;
animation-name: growIn;
}
/********* Shake *********/
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px);
}
}
@keyframes shake {
0%,
100% {
transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
transform: translateX(10px);
}
}
.shake.go {
-webkit-animation-name: shake;
animation-name: shake;
}
/********* ShakeUp *********/
@-webkit-keyframes shakeUp {
0%,
100% {
-webkit-transform: translateY(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateY(-10px);
}
20%,
40%,
60%,
80% {
-webkit-transform: translateY(10px);
}
}
@keyframes shakeUp {
0%,
100% {
transform: translateY(0);
}
10%,
30%,
50%,
70%,
90% {
transform: translateY(-10px);
}
20%,
40%,
60%,
80% {
transform: translateY(10px);
}
}
.shakeUp.go {
-webkit-animation-name: shakeUp;
animation-name: shakeUp;
}
/************** FadeInLeft **************/
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
opacity: 0;
-webkit-transform: translateX(-400px);
transform: translateX(-400px);
}
.fadeInLeft.go {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
/************** FadeInRight **************/
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
opacity: 0;
-webkit-transform: translateX(400px);
transform: translateX(400px);
}
.fadeInRight.go {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
/************** FadeInUp **************/
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
opacity: 0;
-webkit-transform: translateY(400px);
transform: translateY(400px);
}
.fadeInUp.go {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
/************** FadeInDown **************/
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
opacity: 0;
-webkit-transform: translateY(-400px);
transform: translateY(-400px);
}
.fadeInDown.go {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
/****************** rotateIn ******************/
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn.go {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
/****************** rotateInUpLeft ******************/
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft.go {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
/******************** rotateInDownLeft ********************/
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft.go {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
/******************* rotateInUpRight ********************/
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight.go {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
/********************* rotateInDownRight *********************/
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight.go {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
/********** rollIn ***********/
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
}
.rollIn.go {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/********** wiggle ***********/
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
}
10% {
-webkit-transform: skewX(-8deg);
}
20% {
-webkit-transform: skewX(7deg);
}
30% {
-webkit-transform: skewX(-6deg);
}
40% {
-webkit-transform: skewX(5deg);
}
50% {
-webkit-transform: skewX(-4deg);
}
60% {
-webkit-transform: skewX(3deg);
}
70% {
-webkit-transform: skewX(-2deg);
}
80% {
-webkit-transform: skewX(1deg);
}
90% {
-webkit-transform: skewX(0deg);
}
100% {
-webkit-transform: skewX(0deg);
}
}
@keyframes wiggle {
0% {
transform: skewX(9deg);
}
10% {
transform: skewX(-8deg);
}
20% {
transform: skewX(7deg);
}
30% {
transform: skewX(-6deg);
}
40% {
transform: skewX(5deg);
}
50% {
transform: skewX(-4deg);
}
60% {
transform: skewX(3deg);
}
70% {
transform: skewX(-2deg);
}
80% {
transform: skewX(1deg);
}
90% {
transform: skewX(0deg);
}
100% {
transform: skewX(0deg);
}
}
.wiggle.go {
-webkit-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
/********* swing **********/
@-webkit-keyframes swing {
20%,
40%,
60%,
80%,
100% {
-webkit-transform-origin: top center;
}
20% {
-webkit-transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes swing {
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
}
}
.swing.go {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
/******** tada *********/
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
transform: scale(1);
}
10%,
20% {
transform: scale(0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
transform: scale(1.1) rotate(3deg);
}
40%,
60%,
80% {
transform: scale(1.1) rotate(-3deg);
}
100% {
transform: scale(1) rotate(0);
}
}
.tada.go {
-webkit-animation-name: tada;
animation-name: tada;
}
/********** wobble ***********/
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
}
}
@keyframes wobble {
0% {
transform: translateX(0%);
}
15% {
transform: translateX(-25%) rotate(-5deg);
}
30% {
transform: translateX(20%) rotate(3deg);
}
45% {
transform: translateX(-15%) rotate(-3deg);
}
60% {
transform: translateX(10%) rotate(2deg);
}
75% {
transform: translateX(-5%) rotate(-1deg);
}
100% {
transform: translateX(0%);
}
}
.wobble.go {
-webkit-animation-name: wobble;
animation-name: wobble;
}
/********* pulse **********/
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.pulse.go {
-webkit-animation-name: pulse;
animation-name: pulse;
}
/**************** lightSpeedInRight *****************/
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedInRight {
0% {
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedInRight.go {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
/**************** lightSpeedInLeft *****************/
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform: translateX(-100%) skewX(30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(20%) skewX(-30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedInLeft {
0% {
transform: translateX(-100%) skewX(30deg);
opacity: 0;
}
60% {
transform: translateX(20%) skewX(-30deg);
opacity: 1;
}
80% {
transform: translateX(0%) skewX(15deg);
opacity: 1;
}
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedInLeft.go {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
/******** Flip ********/
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.flip.go {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
}
/*********** flipInX ***********/
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX.go {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
/*********** flipInY ***********/
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY.go {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
/****************** Out animations ******************/
/************* bounceOut **************/
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}
}
.bounceOut.goAway {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
/************* bounceOutUp **************/
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.bounceOutUp.goAway {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
/************* bounceOutDown **************/
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.bounceOutDown.goAway {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
/************* bounceOutLeft **************/
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.bounceOutLeft.goAway {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
/************* bounceOutRight **************/
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.bounceOutRight.goAway {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
/************* fadeOut **************/
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut.goAway {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
/************* fadeOutUp **************/
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.fadeOutUp.goAway {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
/************* fadeOutDown **************/
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.fadeOutDown.goAway {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
/************* fadeOutLeft **************/
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.fadeOutLeft.goAway {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
/************* fadeOutRight **************/
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.fadeOutRight.goAway {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
/************* flipOutX **************/
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX.goAway {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
/************* flipOutY **************/
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
}
/************* lightSpeedOutRight **************/
@-webkit-keyframes lightSpeedOutRight {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutRight {
0% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOutRight.goAway {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
/************* lightSpeedOutLeft **************/
@-webkit-keyframes lightSpeedOutLeft {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(-100%) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutLeft {
0% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
transform: translateX(-100%) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOutLeft.goAway {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
/************* rotateOut **************/
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut.goAway {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
/************* rotateOutUpLeft **************/
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
-transform-origin: left bottom;
-transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft.goAway {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
/************* rotateOutDownLeft **************/
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft.goAway {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
/************* rotateOutUpRight **************/
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight.goAway {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
/************* rollOut **************/
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.rollOut.goAway {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
/****************** Short Animations*******************/
/********************** fadeInUpShort*********************/
@-webkit-keyframes fadeInUpShort {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInUpShort {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpShort {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.fadeInUpShort.go {
-webkit-animation-name: fadeInUpShort;
animation-name: fadeInUpShort;
}
/********************** fadeInDownShort*********************/
@-webkit-keyframes fadeInDownShort {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDownShort {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownShort {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.fadeInDownShort.go {
-webkit-animation-name: fadeInDownShort;
animation-name: fadeInDownShort;
}
/********************** fadeInRightShort *********************/
@-webkit-keyframes fadeInRightShort {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInRightShort {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightShort {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
.fadeInRightShort.go {
-webkit-animation-name: fadeInRightShort;
animation-name: fadeInRightShort;
}
/********************** fadeInLeftShort *********************/
@-webkit-keyframes fadeInLeftShort {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInLeftShort {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftShort {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
.fadeInLeftShort.go {
-webkit-animation-name: fadeInLeftShort;
animation-name: fadeInLeftShort;
}
.findMe {
color: #fff;
margin-top: 20px;
}
.findMe a {
color: #fff;
text-decoration: underline;
}
.findMe a:hover {
color: #ccc;
text-decoration: none;
}
/***********
* rotateIn *
************/
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn.go {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
.animatedParent {
overflow: hidden;
}
.mfp-bottom-bar {
display: none;
}
ul.gal_item {
margin: 0;
padding: 0;
display: block;
width: 100%;
float: left;
clear: both;
}
ul.gal_item li {
float: left;
padding: 15px;
}
.about_vision.gallery ul.gal_item .vision_image.gallery_left {
margin-bottom: 30px;
}
ul.gal_item li:nth-child(2) {
position: relative;
top: 100px;
}
ul.gal_item li:last-child {
position: relative;
top: 100px;
}
footer .footer_contant p.txtcenter {
text-align: center;
}
.blogpagination {
text-align: center;
}
.blogpagination ul.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #479986;
border-color: #479986;
}
.sp .about_vision .vision_image,
.blogs .about_vision .vision_image {
border: none;
padding: 0;
}
.sp .about_vision .vision_image:after,
.blogs .about_vision .vision_image:after {
background-color: rgba(181, 214, 202, 0.7);
}
.blogs h1.title {
margin: 40px 0 0 0;
float: left;
width: 100%;
display: block;
font-weight: 600;
}
.bd_none .about_vision .vision_image {
border: none;
}
.rera h2.title {
margin-bottom: 30px;
}
.rera .terms {
padding: 50px 0 100px 0;
}
footer .footer_contant br {
display: none;
}
footer .footer_contant p:nth-child(2) {
min-height: 50px;
}
#myModal1 .modal-dialog {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 auto;
}
#myModal .modal-content button.submit {
width: auto;
margin: auto;
text-align: center;
}
.blogs.career h1.title {
margin: 0 0 20px 0;
text-align: left;
}
.Videos .about_vision.garden.video .vision_image.video_contant {
padding: 30px;
border: none;
}
.Videos .about_vision.garden.video .vision_image.video_contant iframe {
width: 100%;
padding-left: 0;
}
.projects.buyers_guide.testimonialss .about_vision {
padding-bottom: 0;
}
.specificationss .about_vision.garden a img {
min-height: 100px;
max-height: initial;
height: auto;
width: 100%;
}
.projects.buyers_guide .location_map:after {
display: none;
}
.sitemapp .about_vision.gallery .vision_image.gallery_left img {
height: auto;
}
.full-width.bg_imag {
text-align: right;
}
.popup-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.85);
width: 100%;
height: 100vh;
text-align: center;
padding: 0;
align-items: center;
justify-content: center;
z-index: 1000;
}
.popup-overlay .popup {
width: 700px;
background-color: #fff;
border-radius: 0;
display: block;
height: auto;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
padding: 20px;
color: #000;
-webkit-box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.2);
-ms-box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.2);
-o-box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.2);
box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.2);
-webkit-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.popup-overlay .popup p {
font-size: 12px;
color: #000;
word-break: break-word;
}
.popup-overlay .popup a.submit {
background-color: #09796d;
display: inline-block;
margin: 15px auto 0;
padding: 7px 10px;
font-size: 13px;
color: #fff;
}
.popup-overlay .popup a.submit:hover,
.popup-overlay .popup a.submit:focus {
background-color: #09796d;
color: #000;
}
@media (max-width:991px) {
.popup-overlay .popup {
padding: 20px;
position: relative;
height: 70vh;
top: 0;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
font-size: 12px;
overflow-y: scroll;
width: 80%;
}
.popup-overlay .popup p {
font-size: 12px;
}
}
.videoss.owl-carousel.owl-theme .owl-dots {
display: none;
}
.videoss.owl-carousel.owl-theme .owl-nav {
margin-top: 0;
text-align: left;
padding: 0 10px;
position: absolute;
right: 0;
top: 50%;
left: 0;
}
.videoss.owl-carousel.owl-theme .owl-nav .owl-prev:after {
content: "\f104";
position: absolute;
font-family: 'FontAwesome';
color: #09796d;
font-size: 40px;
top: -20px;
left: -30px;
}
.videoss.owl-carousel.owl-theme .owl-next:after {
content: "\f105";
position: absolute;
font-family: 'FontAwesome';
color: #09796d;
font-size: 40px;
top: -20px;
left: auto;
right: -30px;
}
.breadcrumbs {
background-color: #eee;
padding: 15px 0;
}
.breadcrumbs ul {
margin: 0;
padding: 0;
display: block;
float: left;
width: 100%;
clear: both;
text-transform: uppercase;
}
.breadcrumbs ul li {
float: left;
margin-right: 10px;
}
.breadcrumbs ul li i {
margin-left: 5px;
}
.breadcrumbs ul li a {
display: inline-block;
}
.breadcrumbs ul li a:hover,
.breadcrumbs ul li a:focus {
color: #05a586;
text-decoration: none;
}
.breadcrumbs ul li:last-child {
color: #05a586;
}
.thankyou_page .thanks {
padding: 250px 0 100px 0;
min-height: 670px;
}
/* this will hide milestone section from aboutus page */
#gulistan4 {
display: none !important;
}
#noDropDown::after {
display: none;
}
.gul-submenu{display: none;}
.gul-submenu li{border-bottom: none;}
.main-menu ul li ul.sub-menu li.click-me a:hover, .main-menu ul li ul.sub-menu li.click-me a:focus{padding-left: 0;}
.main-menu ul li ul.sub-menu li.click-me{position: relative;}
.main-menu ul li ul.sub-menu li.click-me:after {
content: "";
border-style: solid;
border-width: 9px 6px 0 6px;
border-color: transparent;
border-top-color: #09796d;
position: absolute;
top: 14px;
z-index: 9999;
right: 10px;
}