@font-face {
    font-family: OpenSans-Bold;
    src: url(../fonts/OpenSans-Bold.ttf);
}
@font-face {
    font-family: OpenSans-BoldItalic;
    src: url(../fonts/OpenSans-BoldItalic.ttf);

}
@font-face {
    font-family: OpenSans-ExtraBold;
    src: url(../fonts/OpenSans-ExtraBold.ttf);
}
@font-face {
    font-family: OpenSans-Regular;
    src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: Poppins-Medium;
    src: url(../fonts/Poppins-Medium.otf);
}
@font-face {
    font-family: Poppins-SemiBold;
    src: url(../fonts/Poppins-SemiBold.otf);
}
@font-face {
    font-family: Poppins-Light;
    src: url(../fonts/Poppins-Light.ttf);
}



body{font-family:OpenSans-Regular !important;}
a{text-decoration:none !important; outline:none; }
h1{font-family: Poppins-SemiBold;}
h2{font-family: Poppins-SemiBold;}
h3{font-family: Poppins-SemiBold;}
h4{font-family: Poppins-SemiBold;}
h5{font-family: Poppins-SemiBold;}
h6{font-family: Poppins-SemiBold;}
p{font-family: OpenSans-Regular; font-size:13px; color:#000; }
.row2{
    margin-left:0px !important;
    margin-right:0px !important;
}

/****************************** start pre define classes ****************************/
.mt1{margin-top:10px;}
.mt2{margin-top:20px;}
.mt3{margin-top:30px;}
.mt4{margin-top:40px;}
.mt5{margin-top:50px;}
.mt6{margin-top:60px;}
.mt7{margin-top:70px;}
.mt8{margin-top:80px;}
.mt9{margin-top:90px;}
.mt10{margin-top:100px;}
.mt11{margin-top:110px;}
.mt12{margin-top:120px;}

.mb1{margin-bottom:10px;}
.mb2{margin-bottom:20px;}
.mb3{margin-bottom:30px;}
.mb4{margin-bottom:40px;}
.mb5{margin-bottom:50px;}
.mb6{margin-bottom:60px;}
.mb7{margin-bottom:70px;}
.mb8{margin-bottom:80px;}
.mb9{margin-bottom:90px;}
.mb10{margin-bottom:100px;}
.mb11{margin-bottom:110px;}
.mb12{margin-bottom:120px;}

.pb1{padding-bottom:10px;}
.pb2{padding-bottom:20px;}
.pb3{padding-bottom:30px;}
.pb4{padding-bottom:40px;}
.pb5{padding-bottom:50px;}
.pb6{padding-bottom:60px;}
.pb7{padding-bottom:70px;}
.pb8{padding-bottom:80px;}
.pb9{padding-bottom:90px;}
.pb10{padding-bottom:100px;}
.pb11{padding-bottom:110px;}
.pb12{padding-bottom:120px;}

.pt1{padding-top:10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt7{padding-top:70px;}
.pt8{padding-top:80px;}
.pt9{padding-top:90px;}
.pt10{padding-top:100px;}
.pt11{padding-top:110px;}
.pt12{padding-top:120px;}

.main-title{font-size:36px;}
.actual{color:#1262ff !important;}
.pl0{padding-left:0px;}
.pr0{padding-right:0px;}

.ml0{margin-left:0px;}
.mr0{margin-right:0px;}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.white{ color:#fff !important; }


.blue-btn{ background:#128CD3; border:1px solid #128CD3; color:#fff !important; padding:8px 25px;  display:inline-block; font-family: Poppins-Light; font-size:12px; }
.blue-btn:hover{ background:transparent; color:#128CD3 !important;  }

.page-container{ width:980px; margin:auto; }

.overlay {
    background:rgba(0,0,0,.5);
    position:absolute; 
    left:0; right:0; top:0; bottom:0;
    z-index:1; /* required for IE */
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.tzoverlay {
    background:rgba(0,0,0,.7);
    position:absolute; 
    left:0; right:0; top:0; bottom:0;
    z-index:1; /* required for IE */
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
        min-height: 188px;
}
 
/****************************** end pre define classes ****************************/

.navigation{position:relative;top:0px; left:0px; right:0px;z-index:99; border-bottom:1px solid #fff; height:75px;background:black;}
.navbar-brand{padding-left:0px; height:auto;}
.navbar-brand img{max-width:170px;}
.navbar-right{ margin-top:0px; margin-right:0px;}
.navbar-default{background:transparent; font-size:13px; margin-bottom:0px;  }
.navbar-default .navbar-nav>li{ padding:0px 10px; }
.navbar-default .navbar-nav>li>a{padding:27px 0px; color:#fff; border-bottom:1px solid transparent; }
.navbar-default{ border:none !important; }
.navbar-default .navbar-nav>li>a:hover{color:#128CD3; background:transparent; border-bottom:1px solid #128CD3; z-index:999;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color:#128CD3; background:transparent; border-bottom:1px solid #128CD3; z-index:999; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#128CD3; background:transparent; border-bottom:1px solid #128CD3; z-index:999; }
.intro-menu{ border:1px solid #3ecc9c; border-radius:30px; }
.intro-menu img{ width:20px; float;left; margin-right:8px; }



/********************************* banner **************************************/

.sld-title{ font-size:35px !important; font-family: Poppins-Medium !important; font-weight:normal !important; letter-spacing:2px; }
.sld-txt{ font-family: Poppins-Light !important; font-weight:normal !important; line-height:1.2 !important; }
.tp-bannertimer{ display:none !important; }

/******************************* end banner **************************************/

/******************************* sec 1 **************************************/

.abt-cls{ margin-left: 80px; }
.home-about{ background:url(../images/home-abt-back.jpg); background-size:65%; background-repeat:no-repeat; background-position:right; padding:80px 0px; }
.section-title{ margin-top:30px; color:#000; position:relative; display:inline-block; font-size:34px; }
.section-title:after{ content:""; background:#128CD3; height:2px; width:40px; position:absolute; bottom:5px; right:-60px; }

/******************************* end sec 1 **************************************/

/******************************* star sec 2 **************************************/

.home-sec-2{ padding-top:100px; padding-bottom:80px; position:relative; }
.home-sec-2:before{  content: "";
                     position: absolute;
                     left: 0; right: 0;
                     top: 0; bottom: 0;
                     background: rgba(0,0,0,.5); }
.home-sec-2-content p{ color:#fff; }

.home-sec-3{ padding-top:0px; padding-bottom:0px; position:relative; min-height:400px;}
.home-sec-3:before{  content: "";
                     position: absolute;
                     left: 0; right: 0;
                     top: 0; bottom: 0;
                     background: rgba(0,0,0,.5); }
.home-sec-3-content p{ color:#fff; }
.home-sec-3 .player-title{margin-top:16%;}

/******************************* end sec 2 **************************************/

/******************************* start sec 3 **************************************/

.home-servises{ padding:80px 0px; }
.home-servises .section-title{ margin-bottom:50px; }
.service-box{ text-align:center; }
.service-box img{ margin-bottom:30px; }
.service-box h3{ font-size:22px; margin-bottom:20px; min-height:48px; }

/******************************* end sec 3 **************************************/

/******************************* start sec 4 **************************************/

.gray{ background:#F1F1F1; padding-bottom: 30px;}

/******************************* end sec 4 **************************************/

/******************************* start sec 5 **************************************/

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.carousel {
    margin-bottom: 0;
    margin-left: 0;
}
/* The controlsy */
.carousel-control {
    left: -12px;
    height: 40px;
    width: 40px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 90px;
}
.carousel-control.right {
    right: -12px;
}
/* The indicators */
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 44px;
    margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
    background: #cecece;
}
.carousel-indicators .active {
    background: #428bca;
}
.view-btn{ width: 15%; height:50%; margin-left:580px; margin-top:50px;}
/******************************* end sec 5 **************************************/

/******************************* start sec 6 **************************************/
.brown{ background:#f9f9f9; height: 450px; }
.brown_h_auto{height: auto !important;}
.company-img{ width: 100%; height: 10%;}
.map {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
/******************************* end sec 6 **************************************/

/******************************* start sec 7 **************************************/
.black{ background:#242424; }
.social-icon {     
    padding-left:675px;
    padding-top:30px;
}
.social-logo{ width: 30px; height: 28px; }
.footer-logo{ width: 150px; margin-top: 30px;}
.menu-title h2{
    color: #fff;
    font-size: 10px;
    display: inline-block;
    padding-bottom: 5px;
    position: relative;
}
.menu-title h2 a{color: #fff;}
.menu-title h2:after{
    content: "";
    position: absolute;
    width: 30%;
    height: 1px;
    top: 20px;
    left: /*10%*/ 10px;
    border-bottom: 1px solid #128CD3;
}
.menu-list{
    list-style:none;
    color: #fff;
    margin-left: -40px;
}
.menu-list li{
    font-size:12px;
    padding-top: 10px;
    padding-bottom: 5px;
}
.menu-list li a{
    color:/*#a5a5a5*/ #FFF;
    font-weight: bold;
    font-size:11px;
}
.footer{
    color: #fff;
    font-size: 13px;
    margin-bottom:20px;
}
/******************************* end sec 7 **************************************/

/******************************* service sec banner**************************************/
.service-banner{ background:url(../images/service-banner.png); background-size: 100%; background-repeat:no-repeat; background-position:right; height: 600px; }
.service-banner-title{ margin-top:200px; color:#fff; margin-left:100px; margin-bottom:200px; font-size:34px; position:relative;z-index:10;}
.service-menu-list{
    list-style:none;
    color: #128cd3;
    margin-left: -40px;
}
.service-menu-list li{
    font-size:12px;
    padding-top: 10px;
    padding-bottom: 5px;
}
.service-menu-list li a{
    color:#128cd3;
    font-weight: bold;
}
/******************************* service sec banner**************************************/

/******************************* service detail 1 sec banner**************************************/
.service-detail-banner{ background:url(../images/service-banner.png); background-size: 100%; background-repeat:no-repeat; background-position:right; padding:80px 0px; opacity:2; }
.service-detail-banner-title{margin-top:200px; color:#fff; margin-left:100px; font-size:34px;position:relative;z-index:10;}
.service-detail-banner-sub-title{ color:#fff; margin-left:100px; font-weight:bold; font-size:20px; width: 80%;position:relative;z-index:10; }
/******************************* service sec banner**************************************/

/******************************* service detail communication consult **************************************/

.com-cons{ background:url(../images/home-abt-back.jpg); background-size:100%; background-repeat:no-repeat; background-position:center; padding:0px 0px; }
.com-cons-title{ margin-top:30px; color:#000; position:relative; display:inline-block; font-size:34px; }
.com-cons-title:after{ content:""; background:#128CD3; height:2px; width:40px; position:absolute; bottom:5px; right:-60px; }
.com-cons-sub-title{
    color:#128cd3; margin-bottom:10px; font-size:18px;
}
.com-cons-description{
    color:#128cd3; font-size:18px; text-align:center;
}
.sd-img{
    width: 70px;
    height: 10%;
    text-align:center;
    display: inline-block;
}
.sd-title{
    color:#128cd3; margin-bottom:10px; font-size:18px; font-weight:bold; text-align:center;
}
.sd-detail{
    text-align:center;
}
.sd-desc{	
    text-align:center;
    margin-bottom: 30px;
}
/******************************* service detail communication consult **************************************/

/******************************* client **************************************/
.white{ margin-bottom: 150px;}
.client-img {
    height: 150px;
    width: 350px;
    margin-bottom: 100px;
}
.client-logo { height:auto; width: 200px; margin-left: 100px; }
/* The indicators */
.client-indicators {
    bottom: -50px !important;
}
/******************************* client **************************************/

/******************************* contact **************************************/
form.contact label{
    display: block;
}

span{
    display:block;
    border: none;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

fieldset{
    width: 100% !important;	
    float:left !important;	
    border:none !important;	
}
input{ 
    border: none;
    border-bottom: 2px solid #bfbfbf;
    margin:3px;
    margin-top: 30px;
    width: 100%;
}
textarea{
    border: none;
    border-bottom: 2px solid #bfbfbf;
    margin:30px 3px 3px 3px;
    width: 100%;
}
.vl {
    border-left: 1px solid #bfbfbf;
    height: 180px;
}
#submit{
    width: 150px;
}
.contact-detail{
    font-weight: bold;
    color: #000;
    display: inline-block;
}
.cnt-det{
    color: #bfbfbf;
    margin-bottom: 30px;
}
.help-block {
    color: #a94442;
}
/******************************* contact **************************************/

/******************************* about **************************************/
.abt-th-title{ font-size: 16px; color: #128cd3; font-weight:bold; } 
.adv-nm{ font-weight:bold; }
.adv-designation{ color: #bfbfbf; }
.player-title { margin-bottom: 56px; }
.vimeo-cls { width: 800px; height: 350px; }
/******************************* about **************************************/

/******************************* blog **************************************/
.blog-wrapper { margin-top: 30px; }
.blog-sub-title { margin-bottom: 30px; }
.blog-text { max-width: 80%; margin: 60px auto; }
.single-blog-wrapper .single-blog-title {
    text-transform: uppercase;
    line-height: 1.3;
}
.blog-box{ border:2px solid #f2f2f2; padding:15px; margin-bottom:30px; }
.blog-box img{ margin-bottom:20px; }
.read-more::before { 
    content: "\A";
    white-space: pre; 
}
.blog-date{ position:absolute; right:0; top:0; }
.blog-author{ font-weight:bold; }
/******************************* blog **************************************/

/* common */
.footer_brands{margin-top:30px;}
.footer_brands h2:after{left:2.5%;}
.footer_brands ul{padding-left:0;}
.footer_brands ul li{display: inline-block;list-style: none;margin-right:10px;margin-bottom:10px;}
.footer_brands ul li img{width:100px;height:100px;}
.client_img{text-align:center;}
.client_img li{display:inline-block;list-style: none;
    margin: 0 15px 15px 15px;}
.client_img li img{width: 100px;height: 100px;}
.client_img_2 li img{width: 150px;height: 150px;}
.simplehide{display:none;}
.heightauto{height:auto;}
.footer_ul1{margin-top: 10px;padding-left:0;}
.footer_ul1 li{list-style:none;}
.footer_ul1 h2{position: relative;margin-top: 10px;}
.footer_ul1 h2::after{    top: 20px;
    left: 10px;}
#owl-demo .item{
  margin: 3px;width: 100px;
  height: 100px;
}
#owl-demo .owl-item{
  height: 100px;}
#owl-demo .item img{
  display: block;
  width: 100px !important;
  height: 100px;
}
.owl-carousel-client{min-height:1px;width:70%;margin:50px auto 50px auto;}
.height120{height:120px;}
.tzrow{margin-left:0 !important;margin-right:0 !important;}
.row .simplehide_imp{display:none !important;}
.advisors_img{width:150px;height:150px;margin: 0 auto;}
/* common */