Fh1@charset "utf-8";
/* CSS Document */

@font-face {
    font-family:'hum521l';
    src: url('../fonts/hum521l.eot');
    src: url('../fonts/hum521l.eot') format('embedded-opentype'),
         url('../fonts/hum521l.woff2') format('woff2'),
         url('../fonts/hum521l.woff') format('woff'),
         url('../fonts/hum521l.ttf') format('truetype'),
         url('../fonts/hum521l.svg#hum521l') format('svg');
}
@font-face {
    font-family:'Hum521n';
    src: url('../fonts/Hum521n.eot');
    src: url('../fonts/Hum521n.eot') format('embedded-opentype'),
         url('../fonts/Hum521n.woff2') format('woff2'),
         url('../fonts/Hum521n.woff') format('woff'),
         url('../fonts/Hum521n.ttf') format('truetype'),
         url('../fonts/Hum521n.svg#Hum521n') format('svg');
}
@font-face {
    font-family:'Hum521b';
    src: url('../fonts/Hum521b.eot');
    src: url('../fonts/Hum521b.eot') format('embedded-opentype'),
         url('../fonts/Hum521b.woff2') format('woff2'),
         url('../fonts/Hum521b.woff') format('woff'),
         url('../fonts/Hum521b.ttf') format('truetype'),
         url('../fonts/Hum521b.svg#Hum521b') format('svg');
}

/*Reset*/
*{ -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;  box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, div, ul { margin:0; padding:0; font-weight:normal; line-height:100%;}
h1{ font-family:'Hum521b', Arial, Helvetica, sans-serif; font-size:30px; color:#1f497d; text-align:center; line-height:36px; padding-bottom:40px;}
a{ text-decoration:none; outline:none; /*-moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s;*/}
*:focus{outline:none;}
ul{list-style:none;}
img { border:0; vertical-align:middle;}
body { margin:0; padding:0; font-family:'hum521l', Arial, Helvetica, sans-serif; color:#ffffff; width:100%;  }
.clear { clear:both; margin:0; padding:0; }
input[type="button"]{cursor:pointer;}
.f-left{float:left;}
.f-right{float:right;}
.Text-align-left{ text-align:left;}
.Text-align-right{ text-align:right;}
.clearfix:after {content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both;}
.overFlow{ overflow-x:hidden;}
p{ font-size:14px; line-height:20px; color:#393939;}
.f-left{ float: left;}
.f-right{ float: right;}
svg{ pointer-events: none;}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

/*Reset*/

#wrapper{ position:relative; width:100%; margin:0; padding:0;} 
#section,#social,#management,#ol_crisis,#media,#whyChoose,#ourWork{ position:relative; width:100%;}
.container{ position:relative; width:100%; max-width:1140px; margin:0 auto;}
.innerContainer{ width:100%; max-width:1024px; margin:0 auto;}
#headerHolder{ position:absolute; left:0; top:35px; width:100%; z-index:999; }

.formSect{ background:url(../images/bg-top.jpg) no-repeat center bottom; padding:35px 0px 85px 0px; background-size:cover;}
.form_lt{ width:52%; float:left;}
.form_lt h1{ width:100%; max-width:428px; margin:0 auto; padding-bottom:23px;}
.online{ font-size:70px; color:#aaaaaa; text-align:center; letter-spacing:-1px;}
.reputation{ font-size:75px; color:#aaaaaa; text-align:center; line-height:40px; letter-spacing:-3px;}
.management{ font-size:38px; color:#ffae00; text-align:center; line-height:68px; padding-left:95px; }
.comunities{ font-size:17px; color:#999999; text-align:right; padding-right:38px;}

.videoContainer{ position:relative; width:100%; max-width:470px; margin:0 auto;}
.videoContainer>img{ width:100%; height:auto;}
.playBtn{ position:absolute; left:50%; top:50%; width:87px; height:87px; margin:-44px 0 0 -44px; cursor:pointer;}
.playBtn img{ width:100%; height:auto;}

.form_rt{ width:42%; float:right; font-family:'Hum521n', Arial, Helvetica, sans-serif; padding:30px 0px 0px 0px; }
.form_rt h2{ font-size:30px; color:#6d6d6d; padding:0 0 20px 0;}
.form_rt p{ font-size:16px; color:#6d6d6d; padding-bottom:10px;}
.textBox{ width:100%; font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:16px; color:#6d6d6d; border:#3c3c3c 1px solid; padding:15px; background:none; margin:7px 0;}
.button{ width:100%; font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; margin-top:10px; padding:23px 23px 23px 23px; background:#ffcb08; border:none;}
.button:hover{ background:#cecec0; }
.form_rt .button{ width:100%; max-width:120px;}

.navCon{ width:100%; padding:22px 0px 75px 0px;}
.navCon ul{ margin:0; padding:0;}
.navCon ul li{ display:block; width:20%; min-height:140px; float:left; text-align:center; margin:0; padding:20px 0px 20px 0px; cursor:pointer; /**/}
.navCon ul li:last-child{ margin-right:0;}
.navCon ul li p{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:18px; color:#353535; line-height:22px; padding:15px 0px 0px 0px;}

.navCon ul li:hover, .navCon ul li.active{ background-color:#ffcb08; color:#ffffff; -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;}
.navCon ul li:hover p, .navCon ul li.active p{ color:#ffffff;}
.navCon ul li:hover .hoverActive{ display:block; -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} 
.navCon ul li:hover .default{ display:none; -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} 

.hoverActive{ display:none; margin:0 auto;}
.active .hoverActive{ display:block;}
.active .default{ display:none;}

#scrollNav{ position:fixed; left:0px; top:-100%; width:100%; background-color:#ffffff; padding:0; z-index:999;}
#scrollNav ul li{ min-height:90px; padding:10px 0px 10px 0px;}
#scrollNav ul li p{ font-size:14px; line-height:15px; padding:0;}
.dotted{ position:absolute; left:50%; top:0px; width:100%; height:2px; max-width:560px; margin:0 0 0 -280px; background:url(../images/dotted-strip.png) no-repeat center top;}
.down_arrow{ position:absolute; left:50%; top:-6px; margin-left:-7px; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;}
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-10px);}
 60% {-webkit-transform: translateY(-5px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-10px);}
 60% {-moz-transform: translateY(-5px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-10px);}
 60% {-o-transform: translateY(-5px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-10px);}
 60% {transform: translateY(-5px);}
}


.socialListing{ padding:70px 0px 100px 0px; text-align:center;}
.socialListing h2{ font-family:'Hum521b', Arial, Helvetica, sans-serif; font-size:30px; color:#363636; text-transform:uppercase; padding:0 0 25px 0;}
.socialListing h2 span{ margin-right:20px;}
.socialListing p{ font-family:'Hum521n', Arial, Helvetica, sans-serif; color:#404040; font-size:22px; line-height:26px; }

.socialListing ul{ margin:0; padding:40px 0px 0px 0px;}
.socialListing ul li{ display:block; width:17%; min-height:205px; float:left; text-align:center; margin:0 1.5%; padding:20px 0px 20px 0px; background:#ecece3;}
.socialListing ul li:last-child{ margin-right:0;}
.socialListing ul li:hover, .navCon ul li.active{ background-color:#ffcb08;}
.socialListing ul li p{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:18px; color:#353535; line-height:22px; padding:15px 0px 0px 0px;}

.socialListing ul li:hover, .navCon ul li.active{ background-color:#ffcb08; color:#ffffff; -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;}
.socialListing ul li:hover p, .socialListing ul li.active p{ color:#ffffff;}
.socialListing ul li:hover .hoverActive{ display:block; -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} 
.socialListing ul li:hover .default{ display:none; -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} 

.response_mgm{ background-color:#f7f7f4; padding:70px 0px 100px 0px; }
.response_mgm h2{ width:100%; max-width:480px; font-family:'Hum521b', Arial, Helvetica, sans-serif; font-size:30px; color:#363636; text-align:left; text-transform:uppercase; padding:0 0 0 55px; margin:0 auto; background:url(../images/response-management.png) no-repeat left 15px;}
.sys_con{ width:100%; padding:60px 0 0 0;}
.sys_lt{ width:38%; float:left;}
.crm p{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:22px; color:#404040; line-height:26px;}
.crm ul{ margin:0; padding:35px 0px 0px 0px;}
.crm ul li{ font-family:'Hum521n', Arial, Helvetica, sans-serif; font-size:18px; color:#404040; line-height:24px;  margin:0; padding:0 0 0 40px; background:url(../images/bullet.png) no-repeat left 10px;}

.sys_rt{ position:relative; width:60%; float:right;}
.slider{ margin-top:5px; border:#ffcb08 6px solid;}
.owl-controls{ color:transparent!important;}
.owl-dots{ position: absolute; display:block; left: 0; bottom: -45px; width: 100%; text-align:center; z-index: 999;}
.owl-carousel .owl-controls .owl-dot{ display:inline-block; margin:0 5px;}
.owl-carousel .owl-controls .owl-dot span{ display:inline-block; width:15px; height:15px; background-color:#d2d2d2; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; }
.owl-carousel .owl-controls .owl-dot.active span{ background-color:#ffcb08;}
/*.tstm_slider_con .owl-prev { position: absolute; left: -30px!important; top: 50%; background: url(../images/car-prev-arrow.jpg) center no-repeat; display: block!important; height: 33px; width: 18px; margin-top:-9px;}
.tstm_slider_con .owl-next { position: absolute; right: -30px!important; top: 50%; background: url(../images/car-next-arrow.jpg) center no-repeat; display: block!important; height: 33px; width: 18px; margin-top:-9px;}*/

.crisisCon{ padding:70px 0px 0px 0px;}
.crisi_lt{ width:16%; float:left; padding:20px 0px 0px 0px;}
.crisi_lt{ font-family:'Hum521n', Arial, Helvetica, sans-serif; color:#404040; font-size:22px; text-align:left; line-height:26px; }
.crisi_rt ul{ padding:0;}
.crisi_rt{ width:82%; float:right;}
.crisi_rt ul li{ width:21.5%; margin: 0 1.9%;}


/*.crisi_rt ul li:hover .hoverActive{ display:block; -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} 
.crisi_rt ul li:hover .default{ display:none; -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s;} */

.media_analytics{ background-color:#f7f7f4; padding:70px 0px 100px 0px; text-align:center; }
.media_analytics h2{ font-family:'Hum521b', Arial, Helvetica, sans-serif; font-size:30px; color:#363636; text-transform:uppercase; padding:0 0 25px 0;}
.media_analytics h2 span{ margin-right:20px;}
.media_analytics h2 span img{ margin-top:-10px;}
.media_analytics .crm ul{ width:100%; max-width:320px; margin:0 auto; padding:20px 0px 0px 0px; text-align:left;}
.media_analytics .crm ul li{ padding:0 0 0 25px; background:url(../images/bullet.png) no-repeat left 10px; }

.mediaCon{ padding:35px 0px 0px 0px}
.mediaCon .slider{ width:81%; margin:0 auto;}
.mediaCon .owl-dots{ left:-100px; top:75px;}
.mediaCon .owl-carousel .owl-controls .owl-dot{ width:80px; display:block; margin:5px 0px;} 
.mediaCon .owl-carousel .owl-controls .owl-dot span{ width:80px; height:50px; background:none;}
.mediaCon .owl-carousel .owl-controls .owl-dot:nth-child(1) span{ background:url(../images/icon-fb.png) no-repeat center center;}
.mediaCon .owl-carousel .owl-controls .owl-dot:nth-child(2) span{ background:url(../images/icon-tweeter.png) no-repeat center center;}
.mediaCon .owl-carousel .owl-controls .owl-dot:nth-child(3) span{ background:url(../images/icon-yt.png) no-repeat center center;}
.mediaCon .owl-carousel .owl-controls .owl-dot:nth-child(4) span{ background:url(../images/icon-insta.png) no-repeat center center;}

.mediaCon .owl-carousel .owl-controls .owl-dot:nth-child(1).active span{ background:none;}
.mediaCon .owl-carousel .owl-controls .owl-dot:nth-child(1).active{ background:none; background:url(../images/icon-fb-active.png) no-repeat center center;}

.mediaCon .owl-carousel .owl-controls .owl-dot:nth-child(2).active span{ background:none;}
.mediaCon .owl-carousel .owl-controls .owl-dot:nth-child(2).active{ background:url(../images/icon-tweeter-active.png) no-repeat center center;}

.mediaCon .owl-carousel .owl-controls .owl-dot:nth-child(3).active span{ background:none;}
.mediaCon .owl-carousel .owl-controls .owl-dot:nth-child(3).active{ background:url(../images/icon-yt-active.png) no-repeat center center;}

.mediaCon .owl-carousel .owl-controls .owl-dot:nth-child(4).active span{ background:none;}
.mediaCon .owl-carousel .owl-controls .owl-dot:nth-child(4).active{ background:url(../images/icon-insta-active.png) no-repeat center center;}/**/


.why_choose_us{ padding:70px 0px 100px 0px; text-align:center;}
.why_choose_us h2{ font-family:'Hum521b', Arial, Helvetica, sans-serif; font-size:30px; color:#363636; text-transform:uppercase; padding:0 0 25px 0;}
.why_choose_us h2 span{ margin:0px 20px 0 0;}
.why_choose_us ul{ margin:0; padding:30px 0px 0px 0px;}
.why_choose_us ul li{ display:block; width:33.33%; float:left; font-family:'Hum521n', Arial, Helvetica, sans-serif; color:#404040; text-align:left; padding:0px 70px 20px 70px; margin-bottom:20px; background:url(../images/doted-strip.jpg) no-repeat right bottom;}
.why_choose_us ul li:nth-child(3),.why_choose_us ul li:nth-child(6){ background:none;}
.title_hd{ font-size:22px; padding:15px 0px;}
.why_choose_us ul li p{ font-size:18px;}

.ourWork{ background-color:#f7f7f4; padding:70px 0px 200px 0px; text-align:center;}
.ourWork h2{ font-family:'Hum521b', Arial, Helvetica, sans-serif; font-size:30px; color:#363636; text-transform:uppercase; padding:0 0 25px 0;}
.ourWork ul{ width:100%; margin:0; padding:30px 0px 0px 0px;}
.ourWork ul li{ display:block; width:20%; text-align:center; float:left;}

#footerHolder{ position:fixed; left:0px; bottom:-100%; width:100%;/**/ z-index:99; }
.ft_top{ background:#ffcb08;}
.startNow{ width:555px; float:right; font-family:'Hum521n', Arial, Helvetica, sans-serif; color:#242830; font-size:20px; text-align:right; }
.startNow span{ display:inline-block; padding:0px 20px 0 0;}
.startNow img{ cursor:pointer;}
.ft_bottom{ font-family:'Hum521n', Arial, Helvetica, sans-serif; color:#a1a9b0; font-size:14px; background:#242830; padding:10px 0;}
.ft_bottom a{ color:#a1a9b0;}
.ft_lt{ width:50%; float:left; }
.ft_rt{ width:50%; float:left; text-align:right; }

.thankYouMsg{ text-align: center; }
.online {font-family: 'Hum521b', Arial, Helvetica, sans-serif; font-size: 55px; color: #aaaaaa; text-align: center; letter-spacing: -1px;}
.thankYouMsg p { font-size: 18px; color: #3d3d3d; padding: 10px;}
.thankYouMsg button{
    cursor: pointer;
    width: 90%;
    border: none;
    background: #ffcb08;
    color: #000;
    margin: 18px 0 15px;
    padding: 15px 10px;
    font-size: 18px;
    border-radius: 8px;
    font-family: 'Hum521n';
    text-transform: uppercase;
}
.thankYouMsg a{ outline: none; }
.visitSite{ width: 100%; max-width: 200px; }
.visitSite:hover{ background: #cecec0;}