/*=======================================================================
// Fonts
=========================================================================*/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');

.raleway{
    font-family: 'Raleway', sans-serif;
}
.opensans{
    font-family: 'Open Sans', sans-serif;
}
.opensansB{
    font-family: 'Open Sans', sans-serif;
	font-size:14px;
}
.playfair{
    font-family: Playfair Display;
}

/*=======================================================================
// Normalization
=========================================================================*/
htm,body{
    font-family: 'Raleway', sans-serif;
    color: #999;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
} 
body{
    background: url(../images/bg/bglines.png) repeat center center;
    padding-right:145px;
}
p{
    font-weight: 400;
    color: #666;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 26px;
	font-family:'Raleway';
}
h1, h2, h3, h4, h5, h6 {
    color: #333545;
    margin: 0 0 15px;
	font-weight: 600;
    font-family:'Raleway';
}
a{
    color: #015197;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
a:hover{
    text-decoration: none;
    color: #3399ff;
}
a:focus{
    outline: 0;
    text-decoration: none;
}
button{
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.sy_btn{
    font-size: 14px;
    letter-spacing: 2.8px;
    color: #0fdab1;
    text-transform: uppercase;
    font-family: Poppins;
    font-weight: 600;
    background: #333545;
    padding: 14px 43px 20px 53px;
    display: inline-block;
    line-height: .8;
    height: 50px;
    border-radius: 25px;
}
.sy_btn i{
    color: #0fdab1;
    display: inline-block;
    position: relative;
    top: 3px;
    font-size: 20px;
    margin-left: 25px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.sy_btn:hover{
    background: #333545;
    color: #FFF;
}
.sy_btn:hover i{
    color: #FFF;
}
.sy_btn.white:hover {
    background: #fff;
    color: #333;
}
.sy_btn.white:hover i {
    color: #333;
}
.sy_btnFI{
    font-size: 14px;
    letter-spacing: 2.8px;
    color: #00ff48;
    text-transform: uppercase;
    font-family: Poppins;
    font-weight: 600;
    background: #333545;
    padding: 14px 43px 20px 53px;
    display: inline-block;
    line-height: .8;
    height: 50px;
    border-radius: 25px;
}
.sy_btnFI i{
    color: #00ff48;
    display: inline-block;
    position: relative;
    top: 3px;
    font-size: 20px;
    margin-left: 25px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.sy_btnFI:hover{
    background: #333545;
    color: #FFF;
}
.sy_btnFI:hover i{
    color: #FFF;
}


.sy_btnORANGE{
    font-size: 14px;
    letter-spacing: 2.8px;
    color: #ff7200;
    text-transform: uppercase;
    font-family: Poppins;
    font-weight: 600;
    background: #333545;
    padding: 14px 43px 20px 53px;
    display: inline-block;
    line-height: .8;
    height: 50px;
    border-radius: 25px;
}
.sy_btnORANGE i{
    color: #ff7200;
    display: inline-block;
    position: relative;
    top: 3px;
    font-size: 20px;
    margin-left: 25px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.sy_btnORANGE:hover{
    background: #333545;
    color: #FFF;
}
.sy_btnORANGE:hover i{
    color: #FFF;
}


.sy_btnROSE{
    font-size: 14px;
    letter-spacing: 2.8px;
    color: #ff0078;
    text-transform: uppercase;
    font-family: Poppins;
    font-weight: 600;
    background: #333545;
    padding: 14px 43px 20px 53px;
    display: inline-block;
    line-height: .8;
    height: 50px;
    border-radius: 25px;
}
.sy_btnROSE i{
    color: #ff0078;
    display: inline-block;
    position: relative;
    top: 3px;
    font-size: 20px;
    margin-left: 25px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.sy_btnROSE:hover{
    background: #333545;
    color: #FFF;
}
.sy_btnROSE:hover i{
    color: #FFF;
}


.sy_btnVERT{
    font-size: 14px;
    letter-spacing: 2.8px;
    color: #00ff48;
    text-transform: uppercase;
    font-family: Poppins;
    font-weight: 600;
    background: #333545;
    padding: 14px 23px 20px 33px;
    display: inline-block;
    line-height: .8;
    height: 50px;
    border-radius: 25px;
}
.sy_btnVERT i{
    color: #00ff48;
    display: inline-block;
    position: relative;
    top: 3px;
    font-size: 20px;
    margin-left: 25px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.sy_btnVERT:hover{
    background: #333545;
    color: #FFF;
}
.sy_btnVERT:hover i{
    color: #FFF;
}


.sy_btnINV{
    font-size: 14px;
    letter-spacing: 2.8px;
    color: #3399ff;
    text-transform: uppercase;
    font-family: Poppins;
    font-weight: 600;
    background: #FFFFFF;
    padding: 14px 43px 20px 53px;
    display: inline-block;
    line-height: .8;
    height: 50px;
    border-radius: 25px;
}
.sy_btnINV i{
    color: #3399ff;
    display: inline-block;
    position: relative;
    top: 3px;
    font-size: 20px;
    margin-left: 25px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.sy_btnINV:hover{
    background: #3399ff;
    color: #FFF;
}
.sy_btnINV:hover i{
    color: #FFF;
}




ul,
ol{
    margin: 0;
    padding: 0;
    list-style: none;
}
button{
    border: none;

}
.noRadius{
    border-radius: 0;
}
blockquote {
    border-left: 2px solid #f23030;
    margin: 60px 0 50px;
    padding: 0 65px 0 20px;
}
blockquote p{
    font-size: 22px;
    color: #000000;   
}

/*=======================================================================
//  Overlay
=========================================================================*/
.overlayB80,
.overlayB60,
.overlayR70,
.overlayB90,
.overlayR10{
    position: relative
}
.overlayB80:before{
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}
.overlayB60:before{
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}
.overlayR70:before{
    background: rgba(242, 48, 48, .8);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}
.overlayB90:before{
    background: rgba(0, 0, 0, .1);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}
.overlayR10:before{
    background: rgba(240, 48, 48, .9);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
}

/*=======================================================================
//  Margin and padding setup
=========================================================================*/
.noPadding{
    padding: 0px !important;
}
.noPaddingBottom{
    padding-bottom: 0px !important;
}
.noPaddingLeft{
    padding-left: 0px !important;
}
.noPaddingRight{
    padding-right: 0px !important;
}
.noMarginBottom{
    margin-bottom: 0px !important;
}
.noMarginRight{
    margin-right: 0px !important;
}
.noPaddingTop{
    padding-top: 0px !important;
}

/*=======================================================================
//  Image
=========================================================================*/
.imgDiv{
    width: 100%;
    position: relative;
}
.imgDiv img{
    max-width: 100%;
    height: auto;
}

/*=======================================================================
//  Common Section Setting
=========================================================================*/
.comonTitle{
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 6px;
    font-weight: 700;
    margin-bottom: 50px;
    font-family: 'Raleway', sans-serif; 
}
.comonTitle.marb60{
    margin-bottom: 40px;
}
.comonTitle.whites{
    color: #FFF;
}
.bigTitle{
    font-family: 'Raleway';
    font-size: 60px;
    line-height: 80px;
    margin: 0 auto 5px;
    letter-spacing: 0;
	font-weight: 400;
}
.bigTitleB{
    font-family: 'Raleway';
    font-size: 40px;
    line-height: 45px;
    margin: 0 auto 5px;
    letter-spacing: 0;
	font-weight: 400;
}
.bigTitle.whites{
    color: #FFF;
}
.bigTitle i{
    font-style: italic;
}
.bigTitle span{
    color: #f23434;
}
.bg_Alabaster {
    background: #fbfbfb;
}
.mb100{
    margin-bottom: 95px;
}

/*=======================================================================
//  Page Title Section
=========================================================================*/
.pageTitleSection{
    position: relative;
    background: #fff;
    height: 950px;
}
.pageTitleSection:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    content: "";
}
.pageTitleSection .container, 
.pageTitleSection .container-fluid{
    position: relative;
    z-index: 2;
}
.pTSContent{
    position: absolute;
    left: 0;
    padding: 0 50px;
    right: 0;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.pTSContent h5{
    font-family: Poppins;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 8px;
    line-height: .8;
    margin: 0 0 22px;
    font-size: 20px;
}
.pTSContent h5 > a{
    color: #fff;
}
.pTSContent h5 > a:hover{
    color: #f23030;
}
.pTSContent h2{
    font-size: 80px;
    line-height: 90px;
    color: #FFF;
    margin: 0;
    font-weight: 400;
    letter-spacing: 0;
}
.bar::after {
    background: #00ff48;
    bottom: -97px;
    content: "";
    height: 200px;
    left: 80px;
    margin: auto;
    position: absolute;
    right: 0;
    width: 5px;
    top: auto;
}


/*=======================================================================
//  Page Title Section 02
=========================================================================*/
.page_title_bar_2{
    position: relative;
    padding: 131px 0 100px;
    border-top: 1px solid #f3f3f3;
}
.page_title_2{
    position: relative;
    margin: 0;
}
.page_title_2 h4{
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 8px;
    line-height: 0.8;
    margin: 0 0 30px;
    position: relative;
    text-transform: uppercase;
}
.page_title_2 h1{
    color: #000000;
    font-family: Playfair Display;
    font-size: 80px;
    letter-spacing: 0;
    line-height: 90px;
    margin: 0;
    position: relative;
}