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

- Thank you for purchasing Twist - App Landing Page Template from hBeThemes.
- You can edit the colours and images of the page below, comments have been included. Open the "readme.pdf" file for more guidance.
- It's recommended that you leave the names of the div's (.name or #name) as they are, changing them will disrupt the layout and responsive design.
- You do not have to edit any colours if you are happy with them in their current state.

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








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

[ Table of Contents ]

1. Colour Scheme
    1.1 Primary background colour
    1.2 Secondary background colour
    1.3 White text colour
    1.4 Blue text colour
    1.5 Purple text colour

2. Logo

3. Backgrounds and Image
    3.1 Header background
    3.2 Video background

4. Reset

5. Body
    5.1 Body
    5.2 HTML
    5.3 Container
    5.4 Scrollbar
    5.5 Section container

6. Text
    6.1 h1
    6.2 h2
    6.3 h3
    6.4 h4
    6.5 h5
    6.6 p
    6.7 Limited h

7. Buttons and Anchors
    7.1 Anchor
    7.2 Overlay
    7.3 Button
    7.4 Button mask

8. Forms and Inputs
    8.1 Reset
    8.2 Input
    8.3 Textarea
    9.4 Placeholder

9. Layout

10. Fade In Animation

11. Smooth animation

12. Header
    12.1 Header
    12.2 Navbar
    12.3 Navbar anchors
    12.4 Navbar get button
    12.5 Header title
    12.6 Header typewriter text
    12.7 Header paragraph
    12.8 Header about button
    12.9 Header subscribe container
    12.10 Header filter
    12.11 Header slider

13. Overview strip
    13.1 Overview strip
    13.2 Overview strip feature
    13.3 Overview strip icon
    13.4 Overview strip heading
    13.5 Overview strip paragraph

14. Overview
    14.1 Overview mockup1
    14.2 Overview split container
    14.3 Overview left container
    14.4 Overview right container
    14.5 Overview mockup2

15. Fetaures
    15.1 Features container
    15.2 Feature
    15.3 Feature numbr
    15.4 Feature heading
    15.5 Feature button

16. Video
    16.1 Video container
    16.2 Video filter
    16.3 Video icon
    16.4 Video iframe

17. Contact
    17.1 Contact form

18. Download
    18.1 Download button
    18.2 Apple button
    18.3 Google Play button
    18.4 Windows button

19. Reviews
    19.1 Review container
    19.2 Testimonial

20. Popup
    20.1 Popup
    20.2 Popup container
    20.3 Popup scrollbar
    20.4 Popup close button

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

/* import fonts */
@font-face {
    font-family: Raleway-Bold;
    src: url(fonts/Raleway-Bold.ttf);
}
@font-face {
    font-family: Raleway-Light;
    src: url(fonts/Raleway-Light.ttf);
}
@font-face {
    font-family: GothamRoundedBook;
    src: url(fonts/GothamRoundedBook.ttf);
}



/* 1 */
/* ----------------------------------- */
/* ---------- Colour Scheme ---------- */
/* ----------------------------------- */

/* 1.1 */
.primary-background-colour {background-color: #3A1359;}
/* This is the primary background colour, it's currently purple */

/* 1.2 */
.secondary-background-colour {background-color: #1187ED;}
/* This is the secondary background colour, it's currently blue */

/* 1.3 */
.white-text-colour {color: #FFF;}
/* This is responsible for turning text white */

/* 1.4 */
.blue-text-colour {color: #1187ED;}
/* This is responsible for turning text white */

/* 1.5 */
.purple-text-colour {color: #470E75;}







/* 2 */
/* ----------------------------------- */
/* -------------- Logo --------------- */
/* ----------------------------------- */

#header-logo {
    display: block;
    float: left;
    margin: 0 0 0 0;
    height: 62px; /* Change the height of your logo in pixels [px] */
    width: 278px; /* Change the width of your logo in pixels [px], it's recommended you keep it at 90px or below */
}








/* 3 */
/* ----------------------------------- */
/* ----- Backgrounds and Images ------ */
/* ----------------------------------- */

/* 3.1 */
/* To edit the background image slideshow open the "twist-js.js" file within the "twist-js" folder */


/* 3.2 */
#video-background {
    background-image: url('../images/image-placeholder.png'); /* Change the URL to direct to your background image */
}
/* This background is responsible for the video background image */








/* ----------------------------------- */
/* ------------ Other CSS ------------ */
/* ----------------------------------- */
/* Do not edit below here unless you know what you're doing */

/* 4 */
/* - Reset - */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}








/* 5 */
/* - Main Body - */

/* 5.1 */
body {
    background-color: #FFF;
    color: #3D3D3D;
    font-family: 'Open Sans', sans-serif; /* If you have changed font change font family here. */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    width: 100%;
}
* {-webkit-overflow-scrolling: touch;}

/* 5.2 */
html {
    height: 100%;
}

/* 5.3 */
.container {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
    width: 100%;
}

/* 5.4 */
::-webkit-scrollbar {
    background: #EDEDED;
    border-radius: 0;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.24);
    border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.26);
    border-radius: 0;
}
::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0;
}

/* 5.5 */
.section-container {
    border-bottom: 1px solid #CCC;
    display: block;
    height: auto;
    margin: 0;
    padding: 100px 0;
    width: 100%;
}






/* 6 */
/* - Text - */

/* 6.1 */
h1 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 20px;
}

/* 6.2 */
h2 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 28px;
}

/* 6.3 */
h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 28px;
}

/* 6.4 */
h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 28px;
}

/* 6.5 */
h5 {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 12px;
}

/* 6.6 */
p {
    font: 16px 'Raleway-Light';
    letter-spacing: 2.4px;
    line-height: 1.8;   
}

/* 7.6 */
.limited-h {
    line-height: 36px;
    margin: 0 auto 28px auto;
    width: 700px;
}








/* 7 */
/* Buttons and Anchors */

/* 7.1 */
a {
    color: inherit;
    text-decoration: underline;
}

/* 7.2 */
.overlay {
    color: inherit;
    text-decoration: none;
}
.overlay:hover {
    color: inherit;
}

/* 7.3 */
.btn {
    border: none;
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    font-size: 15px;
    height: 52px;
    line-height: 52px;
    overflow: hidden;
    outline: none;
    padding: 0 28px;
    position: relative;
    text-decoration: none;
    width: auto;
}
.btn:hover .btn-mask {
    background: rgba(0, 0, 0, 0.12);
    cursor: pointer;
    height: 100%;
}
.btn-100 {width: 100%;}

/* 7.4 */
.btn-mask {
    background: rgba(0, 0, 0, 0.12);
    bottom: 0;
    height: 0.1px;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
}

/* 7.5 */
.btn2 {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    width: auto;
}
.btn2:hover {
    border: 1px solid #1187ED;
    background-color: #1187ED;
}







/* 8 */
/* Forms and Inputs */

/* 8.1 */
input, textarea, select, button {outline:0; background-color:transparent; border:0; border-radius:0; margin:0; padding:0; font-family: 'Open Sans', sans-serif;  font: 13px 'Open Sans', sans-serif; -moz-appearance:none;}

/* 8.2 */
input {
    background-color: #FFF;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    display: block;
    margin-bottom: 20px;
    padding: 16px 18px;
    width: 100%;
}

/* 8.3 */
textarea {
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    display: block;
    height: 150px;
    margin-bottom: 20px;
    overflow-y: auto;
    padding: 18px 20px;
    resize: none;
    width: 100%;
}

/* 8.4 */
::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.55);}
:-moz-placeholder {color: rgba(0, 0, 0, 0.55);}
::-moz-placeholder {color: rgba(0, 0, 0, 0.55);}
:-ms-input-placeholder {color: rgba(0, 0, 0, 0.55);}







/* 9 */
/* - Layout - */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.inline {display: inline-block;}
.block {display: block;}
.no-margin {margin: 0;}
.centre-margin {display: block; margin-left: auto; margin-right: auto;}
.txt-centre {text-align: center;}








/* 10 */
/* - Fade animation - */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {opacity:0; opacity:1 \9; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;}

.fade-in.one {-webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s;}
.fade-in.two {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}
.fade-in.three {-webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s;}
.fade-in.four {-webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s;}








/* 11 */
/* - Animation - */
.smooth{
    -webkit-transition:.2s;
    -moz-transition:.2s;
    -ms-transition:.2s;
    -o-transition:.2s;
    transition:.2s
}








/* 12 */
/* - Header - */

/* 12.1 */
.header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 668px;
    /*overflow: hidden;*/
    padding: 0;
    position: relative;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
    width: 100%;
}

/* 12.2 */
header {
    box-sizing: border-box;
    display: block;
    padding: 70px 0 140px 0;
    width: 100%;
}

.contact_num{
   position: absolute;
   top: 5px;
   right: 0px;
   color: #fff;
   font-family: GothamRoundedBook;
   letter-spacing: 2.6px;
   font-size: 22px;
}

/* 12.3 */
#header-anchors {
    display: inline-block;
    float: right;
}
.popup-nav-btn {display: none;}

/* 12.4 */
header a {
    color: #FFF;
    font-size: 15px;
    display: inline-block;
    margin: 0 0 0 35px;
    padding: 18px 0;
    text-decoration: none;
    text-align: center;
    font-family: GothamRoundedBook;
    letter-spacing: 2.6px;
}

/* 12.5 */
#get-app-a {
    background-color: rgb(99,200,60);
    border-radius: 2px;
    padding: 18px;
}


/* 12.6 */
#header-title {
	color: #FFF;
    display: block;
    font-size: 42px;
    font-weight: 400;
    font-family: Raleway-Bold;
    text-transform: uppercase;
    letter-spacing: 4.8px;
}

/* 12.7 */
.typewriter {
    display: inline-block;
    margin: 5px 0 0 0;
    width: auto
}
.typewriter h2 {
    color: #FFF;
    font-size: 18px;
    line-height: 34px;
    margin: 0;
    padding-right: 5px;
    overflow: hidden;
    text-transform: none;
    white-space: nowrap;
    font-family: Raleway-Bold;
    text-transform: uppercase;
	letter-spacing: 1.6px;
	animation-fill-mode: forwards;
}


@keyframes typing {
    from{width:0}to{width:100%}
}
@keyframes blink-caret {
    from,to{border-color: transparent}50%{ border-color: #FFF;}
}

/* 12.8 */
#header-p {
    color: rgba(255, 255, 255, 0.86);
    display: block;
    margin: 60px 0 25px 0;
    width: 500px;
}

/* 12.9 */
#header-about-btn {
    color: rgba(255, 255, 255, 0.86);
    display: inline-block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 30px;
    text-decoration: none;
    width: auto;
}

/* 12.10 */
#header-subscribe-container {
    background-color: #F6F8Fa;
    border-radius: 3px;
    box-shadow: 0 15px 22px 0 rgba(0, 0, 0, 0.16), 0 19px 48px 0 rgba(0, 0, 0, 0.16);
    height: auto;
    position: absolute;
    margin: 0 auto;
    padding: 25px;
    right: 0;
    text-align: center;
    top: 210px;
    width: 300px;
}
#header-subscribe-desc {
    display: block;
    font-size: 12px;
    margin: 14px 0 0 0;
}

#header-subscribe-container textarea{
    height: 100px;
	background:#fff;
}

/* 12.11 */
#header-filter {
    background: rgba(0, 0, 0, 0);
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

/* 12.12 */
#slider {
    left: 0;
    height: auto;
    opacity:1;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 1s;
    width: 100%;
}
#slider.fadeOut {
    opacity:1;
}








/* 13 */
/* - Overview strip - */

/* 13.1 */
#overview-strip {
    box-sizing: border-box;
    background-color: #F8F8F8;
    display: block;
    font-size: 0;
    height: auto;
    padding: 0;
    text-align: center;
    width: 100%;
}

/* 13.2 */
.overview-strip-feature {
    display: inline-block;
    font-size: 14px;
    height: auto;
    text-align: center;
    width: 350px;
}
#overview-strip-feature-centre {
    margin: 0 40px;
}

/* 13.3 */
.overview-strip-feature img {
    display: block;
    width: 100%;
}

/* 13.4 */
.overview-strip-feature h3 {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 22px 0;
}








/* 14 */
/* - Overview - */

/* 14.1 */
#overview-mockup1 {
    display: block;
    height: auto;
    margin: 60px auto;
    width: 90%;
}

/* 14.2 */
#overview-split-container {
    display: block;
    font-size: 0;
}

/* 14.3 */
#overview-left-split {
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    height: auto;
    padding: 0 40px 0 0;
    width: 50%;
    font-family: Raleway-Light;
}
#overview-left-split p {
    margin: 0 0 30px 0;
}

/* 14.4 */
#overview-right-split {
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    height: auto;
    padding: 0 0 0 40px;
    width: 50%;
}

/* 14.5 */
#overview-mockup2 {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 100%;
}








/* 15 */
/* - Features - */

/* 15.1 */
#features-container {
    display: block;
    font-size: 0;
    margin: 50px 0 0 0;
    text-align: center;
}

/* 15.2 */
.feature {
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    padding: 0 20px 40px 20px;
    text-align: left;
    width: 33%;
}

/* 15.3 */
.feature-number {
    display: inline-block;
    float: left;
    font-size: 30px;
    font-weight: 700;
    margin: 0 16px 10px 0;
}

/* 15.4 */
.feature-h {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 10px 0;
}

/* 15.5 */
#features-a {
    margin: 40px 0 0 0;
}


.hover.ehover10 img{
    transform: none!important;
}
.overview-strip-feature{
    position: relative;
}
.overview-strip-feature img{
    opacity: 0.7;
}
.inthere{
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    transition: all 0.2s;
}
.overview-strip-feature:hover .inthere{
    opacity: 0;
}

/* 16 */
/* - Video - */

/* 16.1 */
.video-container {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/* 16.2 */
#video-filter {
    background: rgba(0, 0, 0, 0.65);
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
}

/* 16.3 */
#video-icon {
    background: url('../images/video-icon.png') center center / 70px 70px no-repeat;
    display: block;
    height: 300px;
    margin: 40px 0 0 0;
    width: 100%;
}
#video-icon:hover {cursor: pointer;}

/* 16.4 */
.popup-con iframe {
    border: 3px solid #FFF;
    box-sizing: border-box;
    display: block;
    height: 450px;
    width: 800px;
}








/* 17 */
/* - Contact - */

/* 17.1 */
#contact-form {
    margin: 40px 0 0 0;
}








/* 18 */
/* - Download - */

/* 18.1 */
.download-btn {
    background-position: 22px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    margin: 40px 30px 0 30px;
    padding: 0 22px 0 55px;
    text-align: center;
    text-decoration: none;
    width: auto;
}
.download-btn:hover {
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
}

/* 18.2 */
#apple-download {background-image: url('../images/apple-logo.png');}

/* 18.3 */
#play-download {background-image: url('../images/play-logo.png');}

/* 18.4 */
#windows-download {background-image: url('../images/windows-logo.png');}








/* 19 */
/* - Reviews - */

/* 19.1 */
#testimonial-container {
    background: rgba(255, 255, 255, 0.13) url('../images/dots-pattern.png') repeat;
    border-radius: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.015);
    box-sizing: border-box;
    display: block;
    margin: 50px auto 0 auto;
    padding: 50px;
    width: 800px;
}

/* 19.2 */
.testimonial {
    display: none;
}
.testimonial img {
    border: 10px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 120px;
    margin: 0 40px 0 0;
    width: 120px;
}
.testimonial-name {
    display: block;
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 20px 0;
}
.testimonial-review {
    display: block;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
}








/* 20 */
/* - Popup - */

/* 20.1 */
.popup {
    background: rgba(0, 0, 0, 0.9);
    bottom: 0;
    display: none;
    height: auto;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999999;
}

/* 20.2 */
.popup-con {
    font-size: 14px;
    height: auto;
    left: 50%;
    max-height: 90%;
    max-width: 800px;
    overflow: auto;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: calc(90% - 15px);
    -webkit-overflow-scrolling: touch;
}
.popup-w-con {
    background: #FFF;
    box-shadow: 0 0 20px rgba(0,0,0,0.9);
    box-sizing: border-box;
    display: block;
    height: auto;
    padding: 30px;
    text-align: left;
    width: 100%;
}

/* 20.3 */
.popup-con::-webkit-scrollbar {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    width: 6px;
}
.popup-con::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0;
}
.popup-con::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 0;
}
.popup-con::-webkit-scrollbar-thumb:active {
    background: rgba(255, 255, 255, 0.63);
    border-radius: 0;
}

/* 20.4 */
.popup-close {
    background: #FFF;
    color: #1C1C1C;
    display: table;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 10px 0;
    padding: 10px 18px;
}
.popup-close:hover {cursor: pointer;}





/* modification start */
.brands{
   position:relative;
   height:auto;
   margin:0;
   padding:0;
   width:100%;
   padding:5px 0;
   background-color:#000;
}
.brands-wrap{
   text-align:center;
}
.brands-wrap img{
    width: 45%;
}
#overview-strip .container {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 100%;
}
#overview-strip .overview-strip-feature {
    display: inline-block;
    font-size: 14px;
    height: auto;
    text-align: center;
    width: 33.3333%;
	background: rgb(100,96,93);
}
#overview-strip #overview-strip-feature-centre {
    margin: 0; 
}


/* image effect */

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 4.75em;
	background: #79FAC4;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	visibility: hidden;

}

.hovereffect img {
    display: block;
    position: relative;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.hovereffect:hover img {
-webkit-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0);
}

.hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
	float: left;
	margin: 0px;
	display: inline-block;
}

.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	margin: 50px 0 0 0;
	background-color: transparent;
}
.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}


.hovereffect p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

.hovereffect:hover p.icon-links a:hover,
.hovereffect:hover p.icon-links a:focus {
	color: #252d31;
}

.hovereffect h2,
.hovereffect p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
	visibility: visible;
}

.hovereffect p.icon-links a span:before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.hovereffect:hover .overlay,
.hovereffect:hover h2,
.hovereffect:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.hovereffect:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hovereffect:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hovereffect:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.hovereffect:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.single_div{
	height:350px;
}

.single_div h3{
   padding-top:165px;
   color:#fff;
}

.ehover10 .overlay {
    visibility: hidden;
    top: auto;
    bottom: 0;
    padding: 0 !important;
    height: 350px !important;
    background: rgba(86,133,64, 0.9) !important;
    color: #3c4a50;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.info{
   margin-left:20px;
   margin-right:20px;
}

.info-half-first{
   height:175px;
   text-align:bottom;
   border-bottom:2px solid #fff;
   position:relative;
   color:#fff;
}

.info-half-first-wrap{
   position:absolute;
   bottom:15px;
   width: 100%;
}

.info-half-first h3{
   vertical-align: bottom;
   text-align:center;
   color:#fff;
   font-size: 28px;
   font-weight: 700;
   font-family: Raleway-Light;
}

.info-half-second{
  height:175px;
  color:#fff;
  padding-top: 20px;
}

.info-half-second .learn-more{
   margin-top:15px;
   color:#fff;
   text-decoration:none;
   font-family: Raleway-Light;
   font-size: 15px;
}

.overview-strip-feature h3 {
    display: block;
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 10px 0 !important;
    font-family: Raleway-Light;
}

/* end image effect */


.footer{
  position:relative; 
}

.footer-wrap{
  position:relative;
  margin:0;
  padding:0;
  width:100%;
}

.footer-wrap .col-md-3{
  text-align:center;
}
.mainFooterInfo{
    text-align: center;
    padding: 20px;
}
.mainFooterInfo h3, .mainFooterInfo h4{
    font: 400 24px 'Raleway';
    color: #1187ED;
    margin: 20px 0 5px;
}
.mainFooterInfo h3{
    font-size: 28px;
}
.footer .smallInfo{
    text-align: center;
}
.footer .smallInfo h3{
    font: 400 28px 'Raleway';
    color: #1187ED;
    margin-bottom: 10px;
}
.footer .smallInfo li{
    margin-bottom: 10px;
    display: inline-block;
}
.footer .smallInfo a{
    font-size: 16px;
}
.footer .smallInfo ul{
    margin: 0;
    padding: 0;
}
.contactInfo li{
    display: inline-block;
}
.contactInfo li:not(:last-child) a {
    margin-right: 5px;
}
.contactInfo li a {
    background: #1187ED;
    border-radius: 20px;
    display: inline-block;
    height: 30px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 30px;
    transition: all 0.4s;
}
.contactInfo li a i{
    color: #fff;
    transition: all 0.4s;
    position: relative;
    top: 8px;
}
.contactInfo li a:hover i{
    color: #1187ED;
}
.contactInfo li a:hover{
    background: #fff;
}
.footPhone{
    margin-top: 20px;
}
.footPhone a{
    font-size: 22px;
    color: #1187ED;
}
.contactInfo .footPhone a:hover{
    text-decoration: underline!important;
}
.smallInfo a:hover{
    color: #1187ED;
}
.smallInfo a{
    text-decoration: none!important;
}
.footPhone i{
    position: relative;
    top: 3px;
}

/*form styling*/














@media(max-width:767px){
  #overview-strip .overview-strip-feature {
    display: inline-block;
    font-size: 14px;
    height: auto;
    text-align: center;
    width: 100%;
    background: rgb(100,96,93);
 }
 
 #overview-strip .container {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding: 0;
}

.overview-strip-feature {
    display: block;
    margin: 0 0 5px 0 !important;
    width: 100%;
}

.popup-nav-btn {
    border: 3px solid #FFF;
    color: #FFF;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-weight: 700;
    margin: 30px 0 0 0 !important;
    padding: 5px 12px;
}

#header-title {
    font-size: 36px !important;
    text-align: center;
}
}

@media(min-width:986px) and (max-width:1360px){
   #slider {
    left: 0;
    height: 100% !important;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 1s;
    width: 100%;
   }
}




.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}




/* sub page style */

.header.sub_page_header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 380px;
    /*overflow: hidden;*/
    padding: 0;
    position: relative;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
    width: 100%;
	background-color: #2A2A2A;
}

.subpage_container #header-subscribe-container {
    background-color: #F6F8Fa;
    border-radius: 3px;
    box-shadow: none;
    height: auto;
    position: relative;
    margin: 0 auto;
    padding: 25px;
    right: 0;
    text-align: center;
    top: 0;
    width: auto;
}

.subpage_container .container {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}

.section-container.subpage_container {
    border-bottom: none;
    display: block;
    height: auto;
    margin: 0;
    padding-top: 50px !important;
	padding-bottom:90px;
    width: 100%;
}
@media(max-width:1025px){
    .popup-nav li{
        position: relative;
    }
}
@media(min-width:986px){

  .subpage_overview  #overview-right-split {
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    height: auto;
    padding: 0 0 0 40px;
    width: 30%;
  }

  .subpage_overview  #overview-left-split {
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    height: auto;
    padding: 0 0 0 0;
    width: 70%;
  }
  

}

@media(max-width:986px){
  .subpage_overview #overview-right-split {
    display: block;
	width: 100%;
    margin-top: 50px;
	padding-left:0 !important
  }
}

.subpage_overview  #overview-left-split  p{
    font-family: Raleway-Light;
	font-size: 16px;
    letter-spacing: 2.4px;
	line-height: 1.8;
  }