@font-face{
    font-family:'RobotoCondensed-Bold';
    src:url('../fonts/RobotoCondensed-Bold.eot');
    src:url('../fonts/RobotoCondensed-Bold.eot') format('embedded-opentype'),
    url('../fonts/RobotoCondensed-Bold.woff') format('woff'),
    url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
}
@font-face{
    font-family:'Roboto-BoldItalic';
    src:url('../fonts/RobotoCondensed-BoldItalic.eot');
    src:url('../fonts/RobotoCondensed-BoldItalic.eot') format('embedded-opentype'),
    url('../fonts/RobotoCondensed-BoldItalic.woff') format('woff'),
    url('../fonts/RobotoCondensed-BoldItalic.ttf') format('truetype');
}
@font-face{
    font-family:'Roboto-Italic';
    src:url('../fonts/RobotoCondensed-Italic.eot');
    src:url('../fonts/RobotoCondensed-Italic.eot') format('embedded-opentype'),
    url('../fonts/RobotoCondensed-Italic.woff') format('woff'),
    url('../fonts/RobotoCondensed-Italic.ttf') format('truetype');
}
@font-face{
    font-family:'Roboto-Light';
    src:url('../fonts/RobotoCondensed-Light.eot');
    src:url('../fonts/RobotoCondensed-Light.eot') format('embedded-opentype'),
    url('../fonts/RobotoCondensed-Light.woff') format('woff'),
    url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
}
@font-face{
    font-family:'Roboto-LightItalic';
    src:url('../fonts/RobotoCondensed-LightItalic.eot');
    src:url('../fonts/RobotoCondensed-LightItalic.eot') format('embedded-opentype'),
    url('../fonts/RobotoCondensed-LightItalic.woff') format('woff'),
    url('../fonts/RobotoCondensed-LightItalic.ttf') format('truetype');
}
@font-face{
    font-family:'Roboto';
    src:url('../fonts/RobotoCondensed-Regular.eot');
    src:url('../fonts/RobotoCondensed-Regular.eot') format('embedded-opentype'),
    url('../fonts/RobotoCondensed-Regular.woff') format('woff'),
    url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}
@font-face{
    font-family:'Aspergit';
    src:url('../fonts/Aspergit.eot');
    src:url('../fonts/Aspergit.eot') format('embedded-opentype'),
    url('../fonts/Aspergit.woff') format('woff'),
    url('../fonts/Aspergit.ttf') format('truetype');
}
@font-face{
    font-family:'AspergitBold';
    src:url('../fonts/AspergitBold.eot');
    src:url('../fonts/AspergitBold.eot') format('embedded-opentype'),
    url('../fonts/AspergitBold.woff') format('woff'),
    url('../fonts/AspergitBold.ttf') format('truetype');
}
@font-face{
    font-family:'OpenSans-Extrabold';
    src:url('../fonts/OpenSans-Extrabold.eot');
    src:url('../fonts/OpenSans-Extrabold.eot') format('embedded-opentype'),
    url('../fonts/OpenSans-Extrabold.woff') format('woff'),
    url('../fonts/OpenSans-Extrabold.ttf') format('truetype');
}
@font-face{
    font-family:'ProximaNova-Light';
    src:url('../fonts/ProximaNovaA-Light.eot');
    src:url('../fonts/ProximaNovaA-Light.eot') format('embedded-opentype'),
    url('../fonts/ProximaNovaA-Light.woff') format('woff'),
    url('../fonts/ProximaNovaA-Light.ttf') format('truetype');
}
@font-face{
    font-family:'ProximaNova-Bold';
    src:url('../fonts/ProximaNova-Semibold.eot');
    src:url('../fonts/ProximaNova-Semibold.eot') format('embedded-opentype'),
    url('../fonts/ProximaNova-Semibold.woff') format('woff'),
    url('../fonts/ProximaNova-Semibold.ttf') format('truetype');
}
@font-face{
    font-family:'ProximaNova-Regular';
    src:url('../fonts/ProximaNova-Regular.eot');
    src:url('../fonts/ProximaNova-Regular.eot') format('embedded-opentype'),
    url('../fonts/ProximaNova-Regular.woff') format('woff'),
    url('../fonts/ProximaNova-Regular.ttf') format('truetype');
}
@font-face{
    font-family:'Raleway-SemiBold';
    src:url('../fonts/Raleway-SemiBold.eot');
    src:url('../fonts/Raleway-SemiBold.eot') format('embedded-opentype'),
    url('../fonts/Raleway-SemiBold.woff') format('woff'),
    url('../fonts/Raleway-SemiBold.ttf') format('truetype');
}
@font-face{
    font-family:'Raleway-Medium';
    src:url('../fonts/Raleway-Medium.eot');
    src:url('../fonts/Raleway-Medium.eot') format('embedded-opentype'),
    url('../fonts/Raleway-Medium.woff') format('woff'),
    url('../fonts/Raleway-Medium.ttf') format('truetype');
}
@font-face{
    font-family:'Roboto-Thin';
    src:url('../fonts/Roboto-Thin.eot');
    src:url('../fonts/Roboto-Thin.eot') format('embedded-opentype'),
    url('../fonts/Roboto-Thin.woff') format('woff'),
    url('../fonts/Roboto-Thin.ttf') format('truetype');
}
@font-face{
    font-family:'Roboto-Medium';
    src:url('../fonts/Roboto-Medium.eot');
    src:url('../fonts/Roboto-Medium.eot') format('embedded-opentype'),
    url('../fonts/Roboto-Medium.woff') format('woff'),
    url('../fonts/Roboto-Medium.ttf') format('truetype');
}
body
{
font-family: 'Roboto';
color: #232323;
overflow-x:hidden;
}
html,
body {
     height: 100%;
}

/* Scrollbar */
::-webkit-scrollbar-corner{background:transparent;display:none}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#dbdbdb;border-radius:30px}
::-webkit-scrollbar-thumb{border-radius:30px;background:#ababab;-webkit-box-shadow:none}
/* End Scrollbar */

.top_sec
{
width: 100%;
background-color: #e5e5e6;
min-height: 50px;
position:absolute;
top:0;
left:0;
z-index:99999;
}
.webs_bcc
{
width:100%;
background-color:#fefefe;	
}
.call_nu
{
float: left;
display: inline-block;
padding: 14px 0;
font-family: 'Roboto';
font-size: 15px;
color: #000000;
}
.call_nu a
{
color: #027bb1;
transition: all 0.5s;
}
.call_nu a:hover
{
color: #027bb1;
opacity: 0.8;
text-decoration: none;
}
.call_nu a:active,.call_nu a:focus
 {
    color: #027bb1;
    text-decoration: none;
 }
.shedule
{
text-transform: uppercase;
color: #505c54;
font-size: 14px;
float: right;
padding: 14px 0;
display: inline-block;
}
.shedule a
{
color: #ffffff;
padding: 8px 14px;
outline:0;
background-color: #4587e3;
border-radius: 200px;
font-size: 12px;
margin-left: 15px;
transition: all 0.5s;
}
.shedule a:hover
{
color: #ffffff;
text-decoration: none;
opacity: 0.8;
}
.shedule a:active,.shedule a:focus
{
    color: #ffffff;
    text-decoration: none;
}

.homeActive {
    /*text-transform: uppercase !important;*/
    color: #505c54 !important;
    font-size: 16px !important;
    /*float: right !important;*/
    padding: 16px 0 !important;
    display: inline-block !important;
}

.homeActive a {
    font-family: 'Roboto' !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    outline: 0 !important;
    background-color: #4587e3 !important;
    border-radius: 200px !important;
    font-size: 16px !important;
    margin-left: 15px !important;
    transition: all 0.5s !important;
}

.homeActive a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
    opacity: 0.8 !important;
}

.homeActive a:active, .homeActive a:focus {
    color: #ffffff !important;
    text-decoration: none !important;
}

.background_bc
{
width: 100%;
height:100%;
position: relative;
overflow:hidden;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,e7e6e7+49,c6c5ca+100 */
background: #f9f9f9; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #f9f9f9 0%, #e7e6e7 49%, #c6c5ca 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #f9f9f9 0%,#e7e6e7 49%,#c6c5ca 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #f9f9f9 0%,#e7e6e7 49%,#c6c5ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#c6c5ca',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.carousel-indicators {
    bottom: 7px;
}
.slider_content
{
width: 100%;
max-width: 1200px;
min-height:760px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
padding-bottom:90px;
}
.slider_con_left
{
width: 60%;
display: inline-block;
margin-top:30%;
}
.slider_con_left h1 {
    color: #232323;
    font-family: 'Aspergit';
    font-size: 30px;
    line-height: 52px;
    position: relative;
}
.slider_con_left h1:before
{
    content: "";
    position: absolute;
    top: -21px;
    left: 0;
    width: 32px;
    height: 4px;
    background-color: #000000;
}
.slider_con_left h1 span
 {
    font-family: 'OpenSans-Extrabold';
}
.slider_con_left h2
{
    color: #232323;
    font-family: 'Aspergit';
    font-size: 21px;
    margin-top: 22px;
    position: relative;
}
.slider_con_left a{
    color: #565656;
    font-family: 'AspergitBold';
    font-size: 15px;
    margin-top: 30px;
    padding: 10px 23px 6px;
    border-radius: 200px;
    border: 1px solid #8b8b8c;
    display: inline-block;
	transition:all 0.5s;
    outline: 0;
}
.slider_con_left a:hover{
    color: #FFF;
    text-decoration: none;
	background-color:#4fbee1;
	border: 1px solid #4fbee1;
}

#tg-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    #tg-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

.slider_con_right {
    position: absolute;
    right: 0;
    top: 170px;
    width: 750px;
}
.slider_con_right img{
 width: 100%;
}
.slider_con_right iframe{
    width: 80%;
    height: 400px;
    margin: 5% 13%;
    border-radius: 4px;
}
.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	opacity:0;
}
/*.carousel.carousel-fade .item:nth-child(2) .slider_content .slider_con_right{*/
   /*// margin-top: 66px;*/
/*}*/
/*.carousel.carousel-fade .item:nth-child(3) .slider_content .slider_con_left{*/
    /*width: 50%;*/
/*}*/
.carousel.carousel-fade .active.item {
	opacity:1;
}

.case_study
{
width: 100%;
max-width: 1200px;
margin: 0 auto;
font-family: 'Roboto-Light';
font-size:14px;
position:relative;
text-transform:uppercase;
}
.case_stu
{
position:absolute;
bottom:40px;
left:0;	
}
.case_stu a
{
margin-left:30px;
color:#232323;
text-decoration:none;
transition:all 0.5s;
}
.case_stu a:hover
{
color:#4fbee1;
text-decoration:none;
}
.case_stu img
{
margin-left:30px;	
}
.dealer
{
color:#FFF !important;
border-radius:200px;
background-color:#4fbee1;
padding:5px 20px;
transition:all 0.5s;
}
.dealer:hover
{
opacity:0.8;	
}
.top_sec .col-sm-12
{
position:relative;	
}
.top_area
{
width:100%;
position:absolute;
top:70px;
left:0;
min-height:50px;
z-index:99999;
}
.logo
{
margin-left:15px;
float:left;
margin-top: 5px;
}
nav
{
display: inline-block;
float: right;
}
nav ul
{
    display: inline-block;
    margin: 0;
    padding: 0;
}
nav li
{
    float: left;
    list-style:none;
    margin: 18px 17px 5px;
    padding: 0 0 0 16px;
    font-size: 25px;
    transition:all 0.5s;
    position: relative;
}
nav li:after
{
    content: "";
    position: absolute;
    top: 23px;
    left: 0;
    width: 0px;
    height: 0px;
    background-color: #232323;
    border-radius: 50%;
    transition:all 0.3s;
}
nav li:hover:after
 {
    width: 10px;
    height: 10px;
    top: 17px;
 }
nav li.active:after
{
    width: 10px;
    height: 10px;
    top: 17px;
}
nav li a
{
font-size: 14px;
color: #888888;
text-transform: uppercase;
position: relative;
transition:all 0.5s;
}
nav li a:hover
{
color: #232323;
}
nav li.active a
{
    color: #232323;
}
.logs a:before
{
content: "";
width: 1px;
height: 30px;
background-color: #888888;
position: absolute;
top: -7px;
left: -25px;
}
#menu_btn1
{
position: absolute;
top: 4px;
right: 15px;
cursor: pointer;
display: none;
transition:all 0.5s;
}
#menu_btn1:hover
{
opacity: 0.6;
}
.logo_2
{
float: left;
margin: 27px 0 0;
}
.nav_sec
{
float: right;
display: inline-block;
margin: 22px 0 0;
}
.nav_sec ul
{
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
}
.nav_sec li
{
    display: inline-block;
    font-size: 14px;
    margin: 15px 20px;
    text-transform: uppercase;
}
.nav_sec li a
{
color: #888888;
position: relative;
padding-bottom: 5px;
transition:all 0.7s;
}
.nav_sec li a:after
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background-color:#03a7dc;
    transition:all 0.7s;
}
.nav_sec li a:hover:after
{
    width: 60%;
}
.nav_sec li a.active:after
{
    width: 60%;
}
.nav_sec li a:hover
{
    color: #03a7dc;
}
.nav_sec li a.active
{
    color: #03a7dc;
}
.online {
    text-transform: uppercase;
    color: #505c54;
    font-size: 14px;
    padding: 14px 0;
    display: inline-block;
    border-left: 1px solid #d7d7d7;
    margin-left: 6px;
    padding-left: 10px;
}
.online a
{
    color: #ffffff;
    padding: 8px 14px;
    background-color: #4587e3;
    border-radius: 200px;
    font-size: 12px;
    margin-left: 15px;
    transition: all 0.5s;
	outline:0;
}
.online a:hover
{
    color: #ffffff;
    text-decoration: none;
    opacity: 0.8;
}
#menu_btn_2 {
    float: right;
    cursor: pointer;
    margin-top: 24px;
    transition: all 0.5s;
    display: none;
}
#menu_btn_2:hover {
    opacity: 0.8;
 }
.dealer_tag
{
margin: 50px 0 30px;
}
.dealer_section p {
    font-family: 'proximanova-light';
    font-size: 16px;
    margin-top: 0;
    line-height: 30px;
}
hr
{
border-top: 1px solid #EAEAEA;
}
.dealer_icon
{
margin: 5px 0;
}
.dealer_section h1
{
    font-family: 'proximanova-light';
    font-size: 27px;
    color: #343434;
    text-transform: uppercase;
    margin-top: 8px;
    margin-bottom: 20px;
    position: relative;
}
.dealer_section h1:after
{
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 35px;
    height: 3px;
    background-color: #343434;
}
.dealer_area
{
position: relative;
width: 100%;
}
.dealer_section
{
padding-bottom: 110px;
}
.dealer_sect
{
position: absolute;
bottom: 0;
right: 0;
width: 640px;
z-index: 100;
}
.dealer_sect img
{
width: 100%;
}
.bottom_dealer
{
width: 100%;
min-height:70px;
background-color: rgba(255,255,255,0.6);
position: absolute;
bottom: 0;
left: 0;
z-index: 900;
}
.bottom_dealer ul
{
margin: 0 auto;
width:100%;
max-width:1000px;
list-style:none;
padding:0;
text-align:center;
}
.bottom_dealer li
{
display:inline-block;
color:#747474;
text-transform:uppercase;
font-size:14px;
width:120px;
margin-top: -18px;
font-family: 'proximanova-light';
}
.bottom_dealer li a
{
color:#747474;
display:block;
padding-top:45px;
background-image:url(../images/circle_dark.png);
background-repeat:no-repeat;
background-position:center top;
text-align:center;
transition: all 0.7s;
}
.bottom_dealer li a:hover
{
    background-image:url(../images/circle_dark_hover.png);
    color:#03a7dc;
   -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
.bottom_dealer li.active a
{
    background-image:url(../images/circle_dark_hover.png);
    color:#03a7dc;
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
.blue_bc
{
width:100%;
min-height:206px;
background-image: url("../images/tab_bc.jpg");
background-repeat: repeat-x;
}
.tab_bc {
    background-image: url("../images/tablet.jpg");
    background-repeat: no-repeat;
    background-position: 10px;
    min-height: 206px;
}
.webs_area h1
{
font-family:'Roboto-Light';	
font-size:28px;
color:#2b2b2b;
text-align:center;
text-transform:uppercase;
margin-top:50px;
}
.webs_area p
{
font-family:'ProximaNova-Light';	
font-size:18px;
color:#3b3b3b;
text-align:center;
margin-top:20px;
}
.tab_bc h2
{
color: #ffffff;
text-align: right;
font-family:'ProximaNova-Light';
font-size: 28px;
padding-top: 37px;
margin-bottom: 4px;
}
.tab_bc h2 span
{
font-family: "RobotoCondensed-Bold";
margin-bottom: 10px;
}
.tab_bc p {
    color: #ffffff;
    text-align: right;
    font-family: 'ProximaNova-Light';
    font-size: 23px;
    padding-top: 0px;
    padding-left: 250px;
}
.choose_key
{
    background-image: url("../images/key_bc.jpg");
    background-repeat: no-repeat;
    background-position: center right;
    min-height: 350px;
}
.tabs_hands h2 {
    color: #b570b4;
    font-size: 28px;
    margin-top: 110px;
	position:relative;
}
.tabs_hands h2:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    background-color: #b570b4;
    width: 52px;
    height: 3px;
}
.tabs_hands p
{
color:#7a7a7a;	
font-size:17px;
margin-top:20px;
font-family:'Roboto-Light';
margin-bottom:30px;
}
.tabs_hands
{
background-image:url(../images/border_line.png);
background-position:bottom center;
background-repeat:no-repeat;
width:100%;
}
.shake_hands
{
background-image:url(../images/border_line.png);
background-position:bottom center;
background-repeat:no-repeat;
width:100%;
background-color:#f7f7f7;
}
.choose_shakes
{
    background-image: url(../images/hand_shake.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 350px;
}
.shake_hands h2 {
    color: #24d7ab;
    font-size: 28px;
    margin-top: 110px;
	position:relative;
	text-align:right;
}
.shake_hands h2:after {
    content: "";
    position: absolute;
    bottom: -7px;
    right: 0;
    background-color: #24d7ab;
    width: 52px;
    height: 3px;
}
.shake_hands p
{
color:#7a7a7a;	
font-size:17px;
margin-top:20px;
font-family:'Roboto-Light';
margin-bottom:30px;
text-align:right;
}
.choose_mob
{
    background-image: url(../images/mob_hand.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    min-height: 378px;
}
.tabs_mobs
{
background-image:url(../images/border_line.png);
background-position:bottom center;
background-repeat:no-repeat;
width:100%;
background-color:#f7f7f7;
}
.tabs_mobs h2 {
    color: #f8af2f;
    font-size: 28px;
    margin-top: 110px;
	position:relative;
}
.tabs_mobs h2:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    background-color: #f8af2f;
    width: 52px;
    height: 3px;
}
.tabs_mobs p
{
color:#7a7a7a;	
font-size:17px;
margin-top:20px;
font-family:'Roboto-Light';
margin-bottom:30px;
}
.choose_dealer
{
    background-image: url(../images/dealer_bc.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 370px;
}
.dealer_hands
{
background-image:url(../images/border_line.png);
background-position:bottom center;
background-repeat:no-repeat;
width:100%;
background-color:#fcfcfc;
}
.dealer_hands h2 {
    color: #fa5c42;
    font-size: 28px;
    margin-top: 110px;
	position:relative;
	text-align:right;
}
.dealer_hands h2:after {
    content: "";
    position: absolute;
    bottom: -7px;
    right: 0;
    background-color: #fa5c42;
    width: 52px;
    height: 3px;
}
.dealer_hands p
{
color:#7a7a7a;	
font-size:17px;
margin-top:20px;
font-family:'Roboto-Light';
margin-bottom:30px;
text-align:right;
}



.alert_hands
{
    background-image: url(../images/alert_bc.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    min-height: 387px;
}
.alert_box
{
background-image:url(../images/border_line.png);
background-position:bottom center;
background-repeat:no-repeat;
width:100%;
background-color:#ffffff;
}
.alert_box h2 {
    color: #aadc45;
    font-size: 28px;
    margin-top: 110px;
	position:relative;
}
.alert_box h2:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    background-color: #aadc45;
    width: 52px;
    height: 3px;
}
.alert_box p
{
color:#7a7a7a;	
font-size:17px;
margin-top:20px;
font-family:'Roboto-Light';
margin-bottom:30px;
}
.post_area
{
width: 100%;
min-height: 400px;
background-color: #f8f9f4;
text-align: center;
padding-bottom: 55px;
}
.post_area h2
{
    font-family:'Roboto-Light';
    font-size:25px;
    margin-top: 50px;
    color: #2b2b2b;
}
.post_area p
{
    font-family:'proximanova-light';
    font-size:18px;
    margin-top: 15px;
    color: #3b3b3b;
    margin-bottom: 10px;
}
.blog_area
{
width: 100%;
text-align: left;
}
.blog_area h3
{
font-family: 'ProximaNova-Bold';
font-size:20px;
color: #b5bab3;
width: 100%;
background-image: url("../images/style_border.jpg");
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 10px;
}
.blog_area h3 a
{
    font-family:'proximanova-light';
    font-size:18px;
    float: right;
    color: #32a800;
    transition: all 0.5s;
}
.blog_area h3 a:hover
{
opacity: 0.8;
}
.news_blo
{
width: 100%;
padding: 15px 0 15px 154px;
position: relative;
border-bottom: 1px solid #e6e9e2;
}
.news_blo img
{
position: absolute;
top: 15px;
left: 0;
}
.news_blo h4
{
    font-family: 'ProximaNova-Bold';
    font-size:17px;
    margin: 0;
    color: #777676;
}
.news_blo p
{
    font-family:'proximanova-light';
    font-size:14px;
    color: #afafad;
    margin-top: 11px;
    margin-bottom: 0;
}
.news_blo span {
    font-family: 'proximanova-light';
    font-size: 14px;
    color: #C1C1C1;
    margin-top: 7px;
    font-style: italic;
    display: block;
}
.news_blo.bord_none
{
border-bottom: none;
}
.dates_boxs
{
    width: 100%;
    padding: 15px 15px 15px 80px;
    position: relative;
    background-position: center bottom;
    background-repeat: no-repeat;
    border-bottom: 1px solid #e8e8e8;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.month_box
{
    position: absolute;
    top: 16px;
    left: 0;
    width: 50px;
    min-height: 42px;
    background-color: #d1d0d0;
    color: #ffffff;
    font-family: 'robotocondensed-bold';
    font-size:16px;
    text-align: center;
}
.month_box span
{
background-color: #03a7dc;
display: block;
}
.dates_boxs blockquote
{
border: none;
font-size: 11px;
color: #b8b8b8;
padding: 4px 0px 0;
font-style: italic;
}
.dates_boxs blockquote img
{
padding: 0px 5px 5px;
}

.clients_area
{
width: 100%;
min-height: 300px;
text-align: center;
}
.clients_area h2 {
    text-align: center;
    font-size: 24px;
    font-family: 'roboto-light';
    margin-top: 55px;
	text-transform:uppercase;
    color: #2b2b2b;
    margin-bottom: 16px;
}
.footer_blue
{
    width: 100%;
    background-color: #1475ba;
    color: #ffffff;
    font-family:'ProximaNova-Light';
    font-size: 15px;
    text-align: center;
}
.footer_blue h5
{
font-size: 16px;
margin-top: 50px;
text-transform: uppercase;
}
.footer_blue p {
    padding: 0 12%;
    margin-top: 20px;
    font-size: 13px;
    line-height: 25px;
}
.footer_blue .col-sm-4 {
    background-image: url("../images/blue_border.png");
    background-repeat: no-repeat;
    background-position: center right;
    padding-bottom: 30px;
	min-height:252px;
 }
.col-sm-4.border_end
{
background-image: none;
}
.blue_textbox
{
width: 80%;
display: inline-block;
border: 1px solid #5d9fcf;
border-radius: 30px;
position: relative;
margin-top: 20px;
}
.blue_textbox input {
    width: 100%;
    border: 0;
    outline: 0;
    height: 30px;
    border-radius: 30px;
    color: #333333;
    padding: 2px 83px 0 18px;
    font-size: 11px;
}
.blue_textbox button {
    background-color: #1475ba;
    width: 75px;
    height: 30px;
	padding-top:2px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    font-size: 12px;
    text-align: center;
    transition: all 0.5s;
}
.blue_textbox button:hover
{
background-color: #107BC7;
}
.footer_blue .table>tbody>tr>td
{
border-top: 0;
text-align: left;
font-size: 13px;
}
.footer_blue .table>tbody>tr>td:last-child
{
font-size: 13px;
}
.bottom_footers
{
width: 100%;
min-height: 55px;
background-color: #3a3a3a;
color: #ffffff;
}
.copyright
{
font-family: 'proximanova-light';
font-size: 16px;
margin: 18px 15px 10px;
display: inline-block;
}
.tw_icons
{
width: 230px;
height: 55px;
text-align: center;
line-height: 57px;
background-color: #2ac6de;
color: #ffffff;
font-family: 'proximanova-light';
font-size: 16px;
float: right;
background-image: url("../images/tw_icon.png");
background-repeat: no-repeat;
background-position: 40px 17px;
display: inline-block;
transform: translateZ(0);
position: relative;
transition-duration: 0.3s;
}
.tw_icons:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #54D1E4;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  background-image: url("../images/tw_icon.png");
  background-repeat: no-repeat;
  background-position: 40px 17px;
}
.tw_icons:hover:before{
transform: scaleY(1);
}
.fb_icons
{
    width: 230px;
    height: 55px;
    text-align: center;
    line-height: 57px;
    background-color: #32609b;
    color: #ffffff;
    font-family: 'proximanova-light';
    font-size: 16px;
    float: right;
    background-image: url("../images/fb_icon.png");
    background-repeat: no-repeat;
    background-position: 40px 17px;
	display: inline-block;
    transform: translateZ(0);
    position: relative;
    transition-duration: 0.3s;
}
.fb_icons:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #466FA4;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  background-image: url("../images/fb_icon.png");
  background-repeat: no-repeat;
  background-position: 40px 17px;
}
.fb_icons:hover:before{
transform: scaleY(1);
}
.container_footer
{
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

.date_boxes {
    width: 100%;
    height: 202px;
    overflow: auto;
}
.news_blog_box{
    width: 100%;
    height: 375px;
    overflow: auto;
}
.carousel-indicators .active {
background-color: #7e7e7e;
width:13px;
height:13px;
}
.carousel-indicators li {
border: 0;
background-color: #c3c3c3;
width:13px;
height:13px;
margin: 0;
}
.carbc
{
width:100%;
min-height:900px;
background-color:#f4f8f9;
background-image:url(../images/tran_bc.png);
background-position:center;
background-repeat:no-repeat;
}
.left_car
{
width:37%;
float:left;	
}
.center_row
{
width:100%;
float:left;
overflow:hidden;		
}
.center_car
{
width:26%;
float:left;	
position:relative;
}
.center_car img
{
width:100%;
}
.right_car
{
width:37%;
float:left;	
}
.car_logo_sec
{
width:100%;
float:left;
text-align:center;
margin-top:40px;
padding-bottom:60px;	
}
.car_logo_sec h4
{
font-family:"ProximaNova-Light";
color:#3b3b3b;
font-size:18px;
margin-top:22px;
}
.center_car_mesure {
    position: absolute;
    top: 270px;
    left: -11px;
    width: 361px!important;
}
.left_car h2 {
    color: #343434;
    font-size: 25px;
    margin-top: 50px;
    position: relative;
	text-transform:uppercase;
	font-family:"ProximaNova-Regular";
}
.left_car h2:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    background-color: #343434;
    width: 52px;
    height: 3px;
}
.left_car p {
    color: #232323;
    font-size: 15px;
    margin-top: 20px;
    font-family: "ProximaNova-Light";
    margin-bottom: 37%;
    letter-spacing: 0.6px;
    line-height: 28px;
}
.right_car h2 {
    color: #343434;
    font-size: 25px;
    margin-top: 50px;
    position: relative;
	text-transform:uppercase;
	font-family:"ProximaNova-Regular";
	text-align:right;
}
.right_car h2:after {
    content: "";
    position: absolute;
    bottom: -7px;
    right: 0;
    background-color: #343434;
    width: 52px;
    height: 3px;
}
.right_car p {
    color: #232323;
    font-size: 15px;
    margin-top: 20px;
    font-family: "ProximaNova-Light";
    margin-bottom: 30%;
    letter-spacing: 0.6px;
    line-height: 28px;
	text-align:right;
}
.bottom_car
{
width:100%;	
float:left;
}
.bottom_car h2 {
    color: #343434;
    font-size: 25px;
    margin-top: 30px;
    position: relative;
	text-transform:uppercase;
	font-family:"ProximaNova-Regular";
	text-align:center;
}
.bottom_car p {
    color: #232323;
    font-size: 15px;
    margin-top: 20px;
    font-family: "ProximaNova-Light";
    letter-spacing: 0.6px;
    line-height: 28px;
	margin-bottom:70px;
	text-align:center;
}
.car_sliders .item
{
text-align:center;	
}
.car_sliders>.item>img
{
display:inline-block;	
}
.car_slidersbc
{
border-bottom: 1px solid #EAEAEA;	
margin-top: 30px;
}
.carousel.car_slides
{
padding-top:130px;	
}
.car_slides .carousel-indicators {
    top: 50px;
    left: 0;
    width: 100%;
    margin-left: 0;
}
.car_slides .carousel-indicators .active {
width:130px;
height:45px;
border-radius:4px;
color:#FFF;
background-color:#07c2ff;
}
.car_slides .carousel-indicators li {
width:130px;
height:45px;
border-radius:4px;
text-indent:0;
line-height:45px;
background-color: #f3f3f3;
font-family:"ProximaNova-Regular";
font-size:15px;
color:#747474;
margin: 0 4.5%;
position:relative;
}
.car_slides .carousel-indicators li:hover {
color:#FFF;
background-color:#07c2ff;
}
.car_slides .carousel-indicators li:after {
content:"";
position:absolute;
width:98%;
height:45px;
top:0;
left: 92.5%;
background-image:url(../images/slider_arrow.png);
background-repeat:no-repeat;
background-position:center;
background-size: 49%;
cursor:default;
}
.car_slides .carousel-indicators li:last-child:after {
display:none;
}
.car_slides .carousel-indicators li.active:before {
position: absolute;
z-index: 10;
content: '';
bottom: -11px;
left: 62px;
border-style: solid;
border-width: 9px 9px 9px 0;
border-color: transparent #07c2ff transparent transparent;
transform: rotate(270deg);
}
.car_slides .carousel-indicators li:hover:before {
position: absolute;
z-index: 10;
content: '';
bottom: -11px;
left: 62px;
border-style: solid;
border-width: 9px 9px 9px 0;
border-color: transparent #07c2ff transparent transparent;
transform: rotate(270deg);
}
.car_slides h2
{
    color: #616161;
    font-size: 24px;
    margin-top: 20px;
    position: relative;
	text-transform:uppercase;
	font-family:"Roboto-Light";
	text-align:center;	
}
.car_slides p {
    color: #4e4e4e;
    font-size: 14px;
    margin-top: 20px;
    font-family:'ProximaNova-Light';
    margin-bottom:10px;
	text-align:center;
}
.customer_bc
{
width:100%;
min-height:500px;
background-repeat:no-repeat;
background-position:center bottom;
background-size:100%;
background-image:url(../images/customer_bc.png);
padding-bottom:9%;
}
.customer_bc h2
{
    color: #0278b5;
    font-size: 28px;
    margin-top: 70px;
    position: relative;
	text-transform:uppercase;
	font-family:"Roboto-Light";
	text-align:center;
    line-height: 32px;
}
.customer_bc h3 {
    color: #5b5b5b;
    font-size: 20px;
    margin-top: 30px;
	margin-bottom:50px;
    position: relative;
    font-family: "Roboto-Light";
    text-align: center;
	padding:0 8%;
    line-height: 25px;
}
.customer_bc ul
{
list-style:none;
margin:0;
padding:0;
width:100%;
text-align:center;
}
.customer_bc li
{
margin:0;
display:inline-block;
text-align:center;
font-family: "Roboto-Light";
text-transform:uppercase;
font-size: 20px;
color:#5b5b5b;
margin:30px 16px;
}
.customer_bc li img
{
margin-bottom:25px;	
}
.clients_area p {
    font-family: 'proximanova-light';
    font-size: 14px;
    margin-top: 15px;
    /*color: #3b3b3b;*/
    margin-bottom: 40px;
}
.carouselTicker__list{
    margin: 5px 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}
.carouselTicker li
{
cursor:pointer;	
margin: 0 20px;
float:left;
}
.press_area {
    width: 100%;
    min-height: 300px;
    padding-bottom: 50px;
    text-align: center;
	background-color: #f8f9f4;
}
.press_area h2 {
    text-align: center;
    font-size: 24px;
    font-family: 'roboto-light';
    margin-top: 55px;
    text-transform: uppercase;
    color: #2b2b2b;
    margin-bottom: 16px;
}
.press_area p {
    font-family: 'proximanova-light';
    font-size: 18px;
    margin-top: 15px;
    color: #3b3b3b;
    margin-bottom: 70px;
	padding:0 5%;
}
.press_area .col-sm-6 p
{
font-size:17px;	
margin-bottom: 40px;
}
.press_area .col-sm-6
{
overflow:hidden;
}
.cent_car1
{
position: absolute;
top: 299px;
left: -8px;
color: #3b393c;
font-size: 13px;
font-family: 'Roboto';
}
.cent_car2
{
position:absolute;
top: 287px;
right: -23px;
color:#3b393c;
font-size: 13px;
font-family: 'Roboto';	
}
.cent_car3
{
position:absolute;
top: 445px;
right: -22px;
color:#3b393c;
font-size: 13px;
font-family: 'Roboto';	
}
.center_car_mesure.first_img
{
display:block;	
-webkit-animation: brightness 1s infinite;
animation: brightness 1s infinite;
}
.center_car_mesure.second_img
{
display:none;
-webkit-animation: brightness 1s infinite;
animation: brightness 1s infinite;	
}
.carousel, .item, .active {
    height: 100%;
}
@-webkit-keyframes brightness {
  0%, 100%  { -webkit-filter: brightness(none); }
  50% { -webkit-filter: brightness(1.1); }
  0%, 100%  { filter: brightness(none); }
  50% { filter: brightness(1.1); }
}
@keyframes brightness {
  0%, 100%  { -webkit-filter: brightness(none); }
  50% { -webkit-filter: brightness(1.1); }
  0%, 100%  { filter: brightness(none); }
  50% { filter: brightness(1.1); }
}
.nav_sections
{
    width:100%;
    margin-bottom: 90px;
    position: relative;
}
.nav_areas
{
width: 100%;
min-height:92px;
border-bottom: 1px solid #EAEAEA;
z-index: 999!important;
background-color: #FFFFFF;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
transition:all 0.5s;
}
.nav_areas.expand
{
min-height:63px;
}
.logo_2.expand{
margin: 11px 0 0;
}
.nav_sec.expand {
margin: 6px 0 0;
}
.nav_areas.fixed
{
position: fixed;
top:0;
left:0;
}
#menu_btn_2.expand {
margin-top: 10px;
}
.platform
{
width: 100%;
display: block;
}
.hand_inner {
    position: absolute;
    top: 6.8%;
    left: 29.5%;
    z-index: -9999;
    width: 43.5%!important;
}
#hand_img1
{
display: block;
}
#hand_img2,#hand_img3,#hand_img4,#hand_img5,#hand_img6,#hand_img7,#hand_img8
{
display: none;
}
#con_box1
{
width: 100%;
display: block;
min-height: 235px;
}
#con_box2,#con_box3,#con_box4,#con_box5,#con_box6,#con_box7,#con_box8
{
    width: 100%;
    display: none;
    min-height: 235px;
}
.top_sec.inner_pages
{
position: relative;
}
.top_area.inner_pages
{
    position: static;
    background-color: #3a3a3a;
    min-height: 70px;
}
.top_area.inner_pages nav li a {
color: #888888;
}
.top_area.inner_pages nav li {
margin-top: 15px;
}
.top_area.inner_pages nav li.active a{
    color: #ffffff;
}
.top_area.inner_pages nav li:hover a{
    color: #ffffff;
}
.top_area.inner_pages .logo {
margin-top: 17px;
}
.top_area.inner_pages #menu_btn1 {
top: 15px;
}
.top_area.inner_pages nav li:after {
background-color: #FFFFFF;
}
.nav_boxs
{
width: 100%;
max-width: 1200px;
padding: 0 15px;
margin: 0 auto;
position: relative;
}
.top_area.inner_pages .logs a:before
{
background-color: #282828;
}
.trials h1
{
color: #232323;
font-size: 24px;
font-family: 'Roboto-Medium';
text-align: center;
text-transform: uppercase;
margin-top: 50px;
}
.trials h2 {
    color: #232323;
    font-size: 20px;
    font-family:'ProximaNova-Light';
    text-align: center;
    margin-top: 16px;
    line-height: 28px;
}
.inner_row
{
width:100%;
float:left;
}
.inner_col
{
    width:50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 50px;
    padding-left: 50px;
}
.inner_cols
{
    width:100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 15px;
}
.inn_text
{
width: 100%!important;
height: 30px;
max-height: 30px;
outline: 0;
border: 0;
margin: 35px 0;
border-bottom: 1px solid #d4d4d4;
color: #a9a9a9;
font-size: 14px;
font-family:'Raleway-SemiBold';
}
.inn_pass
{
    width: 100%;
    height: 30px;
    outline: 0;
    border: 0;
    margin: 35px 0;
    border-bottom: 1px solid #d4d4d4;
    color: #a9a9a9;
    font-size: 14px;
    font-family:'Raleway-SemiBold';
    background-image: url("../images/eye.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 30px;
}
.captch
{
    width: 270px;
    min-height: 70px;
    background-color: #f9f9f9;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    margin: 0 auto 40px;
	padding:10px;
}
.captch .checkbox input[type=checkbox]
{
width:18px;
height:18px;
margin: 1px 0 0 -25px;	
}
.captch .checkbox{
    position: relative;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
    float: left;
    margin-left: 9px;
	font-family:'Raleway-Medium';
	color:#565656;
	font-size:14px;
}
.capt_img
{
float:right;
width:50px;	
}
.checkbox.terms
{
width:100%;
margin-top:10px;
font-family:'Raleway-Medium';
color:#4b4b4b;
font-size:18px;	
padding-left:75px;
padding-right:40px;
margin-bottom:60px;
float:left;
}
.checkbox.terms span
{
color:#4587e3;	
}
.checkbox.terms input[type=checkbox]
{
width:18px;
height:18px;
margin: 4px 0 0 -43px;	
}
.starts
{
font-family:'Raleway-Medium';
color:#FFFFFF;
font-size:18px;	
background-color:#4587e3;
margin:0px auto 80px;
width:240px;
height:45px;
line-height:45px;
display:block;
text-align:center;
border-radius: 4px;
transition:all 0.5s;
}
.starts:hover
{
background-color:#3589ff;	
}
.contact_area
{
width: 100%;
min-height: 340px;
background-image: url("../images/contact_img.png");
background-repeat: no-repeat;
background-position: right bottom;
background-size: 40%;
font-family:'Roboto-Light';
color: #232323;
font-size: 13px;
margin-top: 40px;
padding: 0 50px;
}
.cont_1 {
    width: 31%;
    float: left;
    background-image: url("../images/cn_img1.png");
    background-repeat: no-repeat;
    background-position: left top 5px;
    padding-left: 60px;
    line-height: 27px;
    margin-top: 40px;
    padding-right: 5%;
}
.cont_2 {
    width: 36%;
    float: left;
    background-image: url("../images/cn_img2.png");
    background-repeat: no-repeat;
    background-position: left top 5px;
    padding-left: 60px;
    line-height: 27px;
    margin-top: 40px;
    padding-right: 5%;

}
.cont_2 h3{
    font-family: 'Roboto';
    font-size: 14px;
    margin-top: 5px;
}
.row_cn
{
width: 100%;
float: left;
}
.cont_3 {
    width: 31%;
    float: left;
    background-image: url("../images/cn_img3.png");
    background-repeat: no-repeat;
    background-position: left top 5px;
    padding-left: 60px;
    line-height: 27px;
    margin-top: 40px;
    padding-right: 5%;
}
.cont_4 {
    width: 36%;
    float: left;
    background-image: url("../images/cn_img4.png");
    background-repeat: no-repeat;
    background-position: left top 5px;
    padding-left: 60px;
    line-height: 27px;
    margin-top: 40px;
    padding-right: 5%;

}
.cont_4 h3{
    font-family: 'Roboto';
    font-size: 14px;
    margin-top: 5px;
}
#map
{
width: 100%;
height: 430px;
}
.trials h2 span{
    color: #989898;
    font-size: 16px;
}
.privacy
{
padding-bottom: 30px;
}
.privacy h3
{
    color: #6b6b6b;
    font-family:'ProximaNova-Bold';
    margin-top: 18px;
    text-align: left;
    font-size: 18px;
}
.privacy p
{
    font-size: 14px;
    font-family:'ProximaNova-Light';
    color: #8a8a8a;
    text-align: justify;
    margin-top: 10px;
    line-height: 22px;
}
.privacy li
{
    font-size: 14px;
    font-family:'ProximaNova-Light';
    color: #8a8a8a;
    text-align: justify;
    margin-top: 10px;
    line-height: 22px;
}
.owl-carousel .item img
{
width:auto !important;
max-width:100% !important;
height:auto !important;	
}
.owl-carousel .item 
{
padding:10px;
}
.fully
{
width:100%;
text-align:center;
display: none;
margin-top:20px;
float:left;	
}
.web_portal
{
width:100%;
border-bottom:1px solid #EAEAEA;
position:relative;
top:0;
left:0;
}
.web_portal img
{
width:100%;	
}
.banner_mob
{
position: absolute;
top: 35.6%;
left: 18.7%;
width: 4.3% !important;
}
.banner_mob_text {
position: absolute;
top: 68%;
left: 14.8%;
color: #676767;
font-family: 'Roboto-Light';
text-align: center;
font-size: 24px;
width: 12%;
display: block;
}
.banner_tab
{
position: absolute;
top: 39.7%;
left: 31%;
width: 8.8% !important;
}
.banner_tab_text {
position: absolute;
top: 23%;
left: 29%;
color: #676767;
font-family: 'Roboto-Light';
text-align: center;
font-size: 24px;
width: 12%;
display: block;
}
.banner_desk
{
position: absolute;
top: 39.7%;
left: 45.5%;
width: 8.8% !important;
}
.banner_desk_text {
position: absolute;
top: 68%;
left: 44.2%;
color: #676767;
font-family: 'Roboto-Light';
text-align: center;
font-size: 24px;
width: 12%;
display: block;
}
.banner_group
{
position: absolute;
top: 22%;
right: 15.1%;
width: 18.8% !important;
}
.banner_group_text {
position: absolute;
top: 84.5%;
right: 12%;
color: #676767;
font-family: 'Roboto-Light';
text-align: center;
font-size: 24px;
width: 23%;
display: block;
}
.modal
{
z-index:9999999999;
background-color: rgba(0,0,0,0.5);	
}
.modal-dialog {
    max-width: 1200px;
    width: 100%;
    padding: 20px;
    margin: 20px auto 10px;
}
.main_contain {
    width: 100%;
    padding: 20px;
}
.close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 27px;
    padding: 15px 9px!important;
    margin: 17px;
    background-color: #5ca5dd!important;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    line-height: 0;
    display: inline-block;
    color: #FFF;
    text-shadow: none;
    opacity: 1;
    transition: all 0.5s;
    outline: 0;
    z-index: 99999;
    font-family: 'Roboto-Light';
}
.close:hover {
    background-color: #85B5DE!important;
    opacity:1;	
    color: #FFF;
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
.online_dm
{
text-align:center;
padding-top:30px;
min-height: 516px;
transition:all 0.5s;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.online_dm h1
{
    font-family: 'ProximaNova-Light';
    color: #343434;
    text-align: center;
    font-size: 26px;
    position: relative;
    display: inline;
}
.online_dm h1:after
{
    content: "";
    position: absolute;
    bottom: -3px;
    left: 2%;
    width: 96%;
    height: 2px;
    background-color: #5f5f5f;
}
.online_dm h5
{
    font-family: 'ProximaNova-Light';
    color: #343434;
    text-align: center;
    font-size: 17px;
    margin-top: 32px;
    width: 100%;
}
.inn_texpop {
    width: 100%!important;
    height: 30px;
    max-height: 30px;
    outline: 0;
    border: 0;
    margin: 25px 0;
    border-bottom: 1px solid #d4d4d4;
    color: #a9a9a9;
    font-size: 15px;
    font-family: 'ProximaNova-Light';
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.inn_texpop:focus {
    box-shadow:  0px 3px 5px -2px  rgba(53, 137, 255, 0.5);
	border-bottom-color:#FFF;
}
.shedu {
    font-family: 'Raleway-Medium';
    color: #FFFFFF;
    font-size: 18px;
    background-color: #4587e3;
    margin: 25px auto 40px;
    width: 240px;
    text-transform: uppercase;
    height: 45px;
    line-height: 45px;
    display: block;
    text-align: center;
    border-radius: 4px;
    transition: all 0.5s;
}
.shedu:hover
{
    background-color:#3589ff;	
   -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
.inner_contains
{
width: 100%;
padding: 20px;
display: none;
text-align: center;
position: relative;
}
.online_dm.popopen .main_contain
{
    display: none;
}
.online_dm.popopen .inner_contains
{
display: block;
}
.online_dm.popopen
{
min-height: 315px;
max-width: 500px;
}
.inner_contains h2
{
    font-family: 'ProximaNova-Light';
    color: #343434;
    text-align: center;
    font-size: 30px;
}
.oks {
    font-family: 'ProximaNova-Light';
    color: #FFFFFF;
    font-size: 18px;
    background-color: #4587e3;
    margin: 22px 0;
    text-transform: uppercase;
    padding: 7px 30px;
    display: inline-block;
    float: none;
    text-align: center;
    border-radius: 4px;
    transition: all 0.5s;
}
.oks:hover {
    background-color:#3589ff;
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
.press_area .col-sm-6 a
{
border: 0;
transition: all 0.5s;
}
.press_area .col-sm-6 a:hover
{
opacity: 0.6;
}
.online_dm h6 {
    font-family: 'ProximaNova-Light';
    color: #f70808;
    text-align: center;
    font-size: 15px;
    width: 100%;
    position: absolute;
    top: 134px;
    left: 0;
    display: none;
}
.error_sends {
    position: absolute;
    width: 100%;
    color: #2ac6de;
    text-align: center;
    left: 0;
    top: -22px;
    font-size: 13px;
    display: none;
}
.bc_lines {
width: 100%;
background-repeat: no-repeat;
background-size: 100%;
min-height:700px;
background-position: center;
position: relative;
text-align: center;
padding: 0 20%;
}
.bc_lines img
{
width: 100%;
border-radius: 50%;
}
.bc_lines h2
{
    text-align: left;
    margin-top: 8px;
    line-height: 9px!important;
}
.bc_lines p {
    font-size: 13px;
    font-family: 'ProximaNova-Light';
    color: #464646;
    /*text-align: left;*/
    text-align: justify;
    margin-top: 10px;
    line-height: 19px;
    margin-bottom: 3px;
}
.bc_lines br
{
    display: none;
}
.pop_main {
    background-color: #ffffff;
    display: block;
    width: 270px;
    min-height: 135px;
    padding: 15px;
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.35);
    position: absolute;
    top: -152px;
    left: -30px;
    border-radius: 5px;
    transition: all 0.5s;
    display: none;
}
.pop_main:after {
    position: absolute;
    content: "";
    right: 128px;
    bottom: -12px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #ffffff;
}
.pop_child {
    background-color: #ffffff;
    display: block;
    width: 270px;
    min-height: 135px;
    padding: 15px;
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.35);
    position: absolute;
    /*top: -152px;*/
    bottom: 90px;
    left: -90px;
    border-radius: 5px;
    transition: all 0.5s;
    display: none;
}
.pop_child:after {
    position: absolute;
    content: "";
    right: 127px;
    bottom: -12px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #ffffff;
}
.line_img1 {
    z-index: 20;
    position: absolute;
    top: 29%;
    left: 25%;
    width: 18%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .2s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img1:hover {
    border: 2px solid #2d81ff;
}
.line_img1:hover span {
    display: block;
}
.line_img2 {
    z-index: 20;
    position: absolute;
    top: 29%;
    right: 25%;
    width: 18%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .4s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img2:hover {
    border: 2px solid #2d81ff;
}

.line_img2:hover span {
    display: block;
}
.line_img3 {
    z-index: 10;
    position: absolute;
    top: 22%;
    right: 47%;
    width: 8%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .5s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img3:hover {
    border: 2px solid #2d81ff;
}
.line_img3:hover span {
    display: block;
    bottom: 102px;
}
.line_img4 {
    z-index: 30;
    position: absolute;
    top: 52%;
    right: 47%;
    width: 8%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .8s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img4:hover {
    border: 2px solid #2d81ff;
}
.line_img4:hover span {
    display: block;
    bottom: 102px;
}
.line_img5 {
    z-index: 40;
    position: absolute;
    top: 57%;
    right: 15%;
    width: 7%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .7s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img5:hover {
    border: 2px solid #2d81ff;
}

.line_img5:hover span {
    display: block;
}
.line_img6 {
    z-index: 30;
    position: absolute;
    top: 34%;
    right: 6%;
    width: 10%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .7s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img6:hover {
    border: 2px solid #2d81ff;
}
.line_img6:hover span {
    display: block;
    bottom: 125px;
}
.line_img7 {
    z-index: 10;
    position: absolute;
    top: 13%;
    right: 12%;
    width: 7%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .7s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img7:hover {
    border: 2px solid #2d81ff;
}
.line_img7:hover span {
    display: block;
}
.line_img8 {
    z-index: 40;
    position: absolute;
    top: 57%;
    left: 15%;
    width: 7%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .1s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img8:hover {
    border: 2px solid #2d81ff;
}
.line_img8:hover span {
    display: block;
}
.line_img9 {
    z-index: 30;
    position: absolute;
    top: 34%;
    left: 6%;
    width: 10%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .5s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img9:hover {
    border: 2px solid #2d81ff;
}
.line_img9:hover span {
    display: block;
    bottom: 125px;
}
.line_img10 {
    z-index: 10;
    position: absolute;
    top: 13%;
    left: 12%;
    width: 7%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img10:hover {
    border: 2px solid #2d81ff;
}
.line_img10:hover span {
    display: block;
}
.line_img11 {
    z-index: 10;
    position: absolute;
    top: 7%;
    left: 29%;
    width: 7%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img11:hover {
    border: 2px solid #2d81ff;
}
.line_img11:hover span {
    display: block;
}
.line_img12 {
    z-index: 10;
    position: absolute;
    top: 7%;
    right: 29%;
    width: 7%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .1s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img12:hover {
    border: 2px solid #2d81ff;
}
.line_img12:hover span {
    display: block;
}
.line_img13 {
    z-index: 60;
    position: absolute;
    top: 70%;
    left: 29%;
    width: 7%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img13:hover {
    border: 2px solid #2d81ff;
}
.line_img13:hover span {
    display: block;
}
.line_img14 {
    z-index: 60;
    position: absolute;
    top: 70%;
    right: 29%;
    width: 7%;
    border-radius: 50%;
    padding: 5px;
    border: 2px dashed #b4b3b3;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    animation-name: hvr-hang-sink, hvr-hang;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .7s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate;
}
.line_img14:hover {
    border: 2px solid #2d81ff;
}
.line_img14:hover span {
    display: block;
}
.bline1 {
    position: absolute;
    top: 274px;
    left: 360px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(-41deg);
}
.bline2 {
    position: absolute;
    top: 205px;
    left: 277px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(87deg);
}
.bline3 {
    position: absolute;
    top: 204px;
    left: 159px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(41deg);
}
.bline4 {
    position: absolute;
    top: 306px;
    left: 124px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(4deg);
}
.bline5 {
    position: absolute;
    top: 391px;
    left: 175px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(-38deg);
}
.bline6 {
    position: absolute;
    top: 370px;
    left: 372px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(30deg);
}
.bline7 {
    position: absolute;
    top: 428px;
    left: 276px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(93deg);
}
.bline8 {
    position: absolute;
    top: 361px;
    right: 390px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(-41deg);
}
.bline9 {
    position: absolute;
    top: 194px;
    right: 277px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(94deg);
}
.bline10 {
    position: absolute;
    top: 201px;
    right: 159px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(143deg);
}
.bline11 {
    position: absolute;
    top: 306px;
    right: 139px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(-8deg);
}
.bline12 {
    position: absolute;
    top: 383px;
    right: 189px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(39deg);
}
.bline13 {
    position: absolute;
    top: 247px;
    right: 408px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(30deg);
}
.bline14 {
    position: absolute;
    top: 439px;
    right: 276px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(87deg);
}
.bline15 {
    position: absolute;
    top: 312px;
    right: 471px;
    width: 200px;
    height: 2px;
    border-bottom: 2px dashed #b4b3b3;
    transform: rotate(0deg);
}


/*.line_img11, .line_img12, .line_img13, .line_img14, .bline2, .bline7, .bline9, .bline14{*/
.line_img11, .line_img12, .bline2, .bline9{
    display: none;
}
.floatingBtn {
    z-index:1000 !important;
    background: #4587e3;
    color: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    cursor: pointer;
    text-decoration: none;
    transform: rotate(-90deg);
    width: 150px;
    height: 30px;
    line-height: 30px;
    right: -65px;
    top: 45%;
    position: fixed;
    text-align: center;
    font-family: sans-serif, Arial, Helvetica;
    -moz-border-radius: 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    border: 2px solid rgb(66, 139, 202);
}
.adpopup {
    z-index:100000 !important;
}