@font-face {

    font-family: 'GothamMedium';

    src: url('../fonts/GothamMedium.eot');

    src: url('../fonts/GothamMedium.eot') format('embedded-opentype'),

    url('../fonts/GothamMedium.woff2') format('woff2'),

    url('../fonts/GothamMedium.woff') format('woff'),

    url('../fonts/GothamMedium.ttf') format('truetype'),

    url('../fonts/GothamMedium.svg#GothamMedium') format('svg');

}

@font-face {

    font-family: 'Myriad Pro';

    src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),

    url('../fonts/MyriadPro-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'GothamLight';

    src: url('../fonts/GothamLight.eot');

    src: url('../fonts/GothamLight.eot') format('embedded-opentype'),

    url('../fonts/GothamLight.woff2') format('woff2'),

    url('../fonts/GothamLight.woff') format('woff'),

    url('../fonts/GothamLight.ttf') format('truetype'),

    url('../fonts/GothamLight.svg#GothamLight') format('svg');

}

@font-face {

    font-family: 'GothamBold';

    src: url('../fonts/GothamBold.eot');

    src: url('../fonts/GothamBold.eot') format('embedded-opentype'),

    url('../fonts/GothamBold.woff2') format('woff2'),

    url('../fonts/GothamBold.woff') format('woff'),

    url('../fonts/GothamBold.ttf') format('truetype'),

    url('../fonts/GothamBold.svg#GothamBold') format('svg');

}

body

{

	margin:0px auto;

	background:#fff;

	line-height:normal;

}





header, section, footer

{

	float:left;

	width:100%;

}





h1, h2, h3, h4, h5, h6

{

	padding:0px;

	margin:0px;

	letter-spacing:normal;

	text-transform:none;

	line-height:normal;

}



p

{

	padding:0px;

	margin:0px;

	letter-spacing:normal;

	font-size:18px; 

}



ul, ol

{

	list-style:none;

	margin:0px;

	padding:0px;

	width: 100%;

}



a:focus 

{ 

	outline:none;

}



a, 

input[type="submit"] { transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; }



img { max-width:100%;  }







.header{

    padding: 20px 30px;

    float: left;

    width: 100%;

    position: fixed;

	z-index:9;

}

.whiteheader { background:#fff; border-bottom:1px solid #024581; }

.header-min{

    float: left;

    width: 100%;

    background-color: #024581;

    padding: 20px 30px;

    position: relative;

}

.header_us { width:100%; float:left; padding:20px 30px 5px; background:#024581;}

.logo{

    float: left;

	position:relative; 

	width:90px; height:95px;

}

.logo img { transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;}

.whitelogo { position:absolute; top:0; left:0; opacity:1; visibility:visible;}

.bluelogo { position:absolute; top:-140%; left:0; opacity:1; visibility:visible; }



.whiteheader .whitelogo { top:-140%; }

.whiteheader .bluelogo { top:0;}



.whiteheader .logo { width:85px; height:75px; }



.Navigation { float:right; margin-top:42px; }

.Navigation ul {}

.Navigation ul li { float:left; margin:0 25px; padding-bottom:15px; position:relative; }

.Navigation ul li:last-child { margin-right:0; }

.Navigation ul li a { font-size:16px; color:#fff; text-transform:uppercase; text-decoration:none; font-family: 'GothamMedium'; }

.whiteheader .Navigation ul li a  { color:#333;}

.Navigation ul li:hover a { color:#048bc3; }



.sub-menu { opacity:0; visibility:hidden; transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; }

.Navigation ul li ul.sub-menu { position:absolute; left:-30px; top:33px; width:185px; border:1px solid #048bc3;  background:#fff; padding:9px 0;}

.Navigation ul li ul.sub-menu li { float:left; width:100%; margin:0; padding:0; position:relative; }

.Navigation ul li ul.sub-menu li a { display:block; padding:10px 18px; }
.Navigation ul li ul.sub-menu li.menu-item-has-children:before { content:""; position:absolute; top:50%; right:10px; width: 0; height: 0; border-left: 7px solid #048bc3; border-top: 7px solid transparent; border-bottom: 7px solid transparent; transform:translateY(-50%);  transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; }

.Navigation ul li ul.sub-menu li:hover a { background:#048bc3; color:#fff;}
.Navigation ul li ul.sub-menu li.menu-item-has-children:hover:before { border-left: 7px solid #fff;}


.Navigation ul li:hover .sub-menu { opacity:1; visibility:visible; }

.Navigation ul li ul.sub-menu li ul.sub-menu { opacity:0; visibility:hidden; transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; }

.Navigation ul li ul.sub-menu li ul.sub-menu { position:absolute; left:184px; top:0; width:300px; background:#048bc3;  padding:10px 0;}

.Navigation ul li ul.sub-menu li ul li {}

.Navigation ul li ul.sub-menu li ul li a { display:block; padding:11px 20px; color:#fff; }

.Navigation ul li ul.sub-menu li ul li a:hover { background:#4cb9e7; }

.Navigation ul li ul.sub-menu li:hover ul.sub-menu { opacity:1; visibility:visible;}

.Mbl_mnu
{
    width:100%;
    float:left;
    padding:10px 0;
    position: absolute;
    margin-bottom: 0;
}

.page-id-117 .Mbl_mnu { position: relative; background: #024581; }
.page-id-113 .Mbl_mnu { position: relative; background: #024581; }
.MblMenu
{
    float:right;
    margin:34px 0 0;
}
.Mbl_mnu .Logo { float: left; }

.MblMenu a
{
    float:left;
    width:30px;
    height:26px;
    border:0px;
    background-image: url(../images/mbl_nav_btn.png); background-repeat:no-repeat;
    box-shadow:none;
    cursor:pointer;
    margin:0;
}

.mm-list > li h2
{
    margin:0px;
    padding:0px 20px 15px;
    color:#fff;
}

.mm-list > li a.close
{
    float:right;
    width:15px;
    height:15px;
    border:0px;
    margin-top:-35px;
    background-image: url(../images/close_nav.png); background-repeat:no-repeat;
    box-shadow:none;
    cursor:pointer;
    opacity:1;
}

.mm-menu .mm-list > li.mm-selected > a.close:not(.mm-subopen)
{
    background:url(../images/close_nav.png) no-repeat;
}



.bnner{
    width: 100%;
    float: left;
    position:relative; 
}
.bnner img { width:100%; float:left; }
.bnner h1{
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 40px;
    position:absolute;
    left:0;
    right:0;
    top:60%;
    transform:translateY(-45%);
}





.banner{
    width: 100%;
    background-image: url("../images/banner.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
}
.banner-content{

    display: table-cell;
    vertical-align: middle;
}
.left{
    float: left;
    border: 2px solid #ffffff;
    padding: 45px 15px;
    width: 190px;
    margin: 0 100px 0 114px;
    display: table;
}
.left h3{
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    line-height: 18px;
    margin: 0;
    color:#ffffff;
    font-size: 30px;
    font-family: 'GothamLight';
    text-transform: capitalize;
}
.left h3 span{
    display: inline-block;
    font-size: 50px;
    line-height: 52px;
    font-family: 'GothamBold';
    text-transform: uppercase;
}
.right{
    display: table;
}
.right h1{
    line-height: 78px;
    margin: -12px 0 0 0;
    color:#ffffff;
    font-size: 80px;
    font-family: 'GothamBold';
    text-transform: uppercase;
}
.service{
    width: 100%;
    float: left;
    padding: 100px 0 93px 0;
}
.ser-content{
    width: 100%;
    float: left;
    padding-bottom: 72px;
}
.ser-content h4{
    margin: -8px 0 0 0;
    float: left;
    color:#048bc3;
    font-size: 40px;
    font-family: 'GothamMedium';
    text-transform: uppercase;
}
.ser-content img{
    width: 634px;
    float: right;
}

.TabDescrptin{
    float: left;
    width:100%;
}
.TabDescrptin h3{
    margin: 0;
    text-transform: uppercase;
    font-family: 'GothamLight';
    font-size: 35px;
    color: #181515;
    padding: 0 0 15px 0;
}
.TabDescrptin p{
    margin: 0;
    font-family: 'GothamLight';
    font-size: 18px;
    color: #181515;
    line-height: 28px;
    padding: 0 0 38px 0;
}
.TabDescrptin a{
    display: inline-block;
    padding: 0 5px;
    width: 155px;
    height:43px;
    line-height:43px;
    background-color: #048bc3;
    font-family: 'GothamMedium';
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-align:center;
    letter-spacing:1px;
}
.TabDescrptin a:hover{
    background-color: #181515;
    color: #fff;
}
#parentVerticalTab.resp-vtabs li { position:relative;}
#parentVerticalTab.resp-vtabs li:before { content:""; position:absolute; top:0; right:0; width: 0; height: 0; border-left: 50px solid #048bc3; border-top: 49px solid transparent; border-bottom: 49px solid transparent; opacity:0; visibility:hidden; background:#f4f8fa;}

#parentVerticalTab.resp-vtabs li:hover,
#parentVerticalTab.resp-vtabs li.resp-tab-active { background:#048bc3; color:#fff; }
#parentVerticalTab.resp-vtabs li:hover:before,
#parentVerticalTab.resp-vtabs li.resp-tab-active:before { visibility:visible; opacity:1; }

.case-study{
    float: left;
    width: 100%;
    padding-bottom: 115px;
}
.case-study .row { margin:0 -5px; }
.case-study h4{
    margin: 0;
    text-transform: uppercase;
    color:#048bc3;
    font-size: 40px;
    padding-bottom: 40px;
    font-family: 'GothamMedium';
}
.case-study-left{
    width: 50%;
    float: left;
    padding:0 5px;
}
.case-study-left ul{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.case-study-left ul li{
    width: 100%;
    margin-bottom: 10px;
    float: left;
    position: relative;
}
.case-study-right{
    width: 50%;
    padding:0 5px;
    float: left;
}
.case-study-right ul{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}
.case-study-right ul li{
    width: 50%;
    float: left;
    position: relative;
    margin-bottom: 10px;
}
.case-study-right ul li:nth-child(odd){
    padding-right: 5px;
}
.case-study-right ul li:nth-child(even){
    padding-left: 5px;
}
.case-study-right ul li img{
    width: 100%;
    float: left;
    display: inline-block;
}
.case-study-left ul li img{
    width: 100%;
    float: left;
    display: inline-block;
}
.case-study-Lst{ float:left; width:100%; position:relative; }
.hov{
    position: absolute;
    width: 100%;
    height:60px;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background: rgba(25, 25, 25, 0.8);
    transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s;
    -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s;
}
.ho { display:table; height:100%; width:100%; float:left;}
.hov1 {
    padding: 0 30px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: left;
}
.hov1 h3{
    margin: 0;
    height: 60px;
    text-transform: uppercase;
    color:#eeeeee;
    font-size: 18px;
    font-family: 'GothamMedium';
    display:table;
    width:100%;
    float:left;
}
.hov1 h3 span { display:table-cell; vertical-align:middle; }
.hov1 p{
    margin: 0;
    color:#ffffff;
    line-height: 26px;
    padding-bottom: 25px;
    font-size: 16px;
    font-family: 'GothamLight';
}
.hov1 a{
   display: inline-block;
    padding: 15px 25px;
    background-color: #0680b2;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    width: 185px;
}
.hov1 a:hover{
    background-color: #1d73c0;
    color: #181515;
}

.case-study-right ul li:hover .hov {
    height: 100%;
}
.case-study-left ul li:hover .hov {
    height: 100%;
}


.team{width:100%; float:left; text-align:center; position:relative;}
.team h2{font-size:40px; color:#048bc3; text-transform:uppercase; margin: 0;padding-bottom: 13px}
.team p{ max-width:575px; margin:0 auto;font-size:18px; color:#333333; padding-bottom: 45px;line-height: 28px }
.team ul{ list-style: none;margin: 0;padding: 0px;}
.team ul li{float:left; padding: 0;}
.teammembr{width:100%; float:left;}
.imgdiv{width:250px; float:left; padding-top:70px; background-color:rgba(218,238,246,0.8);}
.teammembr img{}
.teamname{width:159px; height:159px; float:right; border:1px solid #000; display:table; text-align:left; position:absolute; top:40px; right:10px;}
.teamname h3{font-size:22px; color:#048bc3; text-transform:uppercase; padding:0 22px 0 22px; line-height:24px; display:table-cell; vertical-align:middle;}
.teamname h3 span{font-size:18px; color:#333; text-transform:uppercase;}
.item{
    width: 100%;
    height: 380px;
    float: left;
}
.links{
    width: 100%;
    float: left;
    height: 210px;
    background-color: #292d2e;
}
.links ul{
    width: 100%;
    margin: 0;
    padding: 45px 0;
    float: left;
    list-style: none;
}
.links ul li{
    display: table;
    margin: 0 auto;
}
.links ul li img{
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    height: 100%;
}
.download{
    width: 100%;
float:left;
display:table;

}
.download .col-lg-6{ float:none;}
.download-txt{
    background-color: #1d73c0;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 80px;
    height:300px;
}
.download-txt1{
    background-color: #0056a3;
}
.download-txt h4{
    margin: 0 auto;
    font-size: 25px;
    font-family: 'GothamLight';
    color: #ffffff;
    padding-bottom: 22px;
    text-transform: uppercase;
}
.download-txt p{
    margin: 0 auto;
    font-size: 16px;
    padding-bottom: 25px;
    line-height: 25px;
    font-family: 'GothamLight';
    color: #ffffff;
}
.download-txt button{
    display: inline-block;
    width: 222px;
    background-color: #ffffff;
    padding: 15px 30px;
    text-transform: uppercase;
    font-family: 'GothamBold';
    color: #0056a3;
    font-size: 14px;
    text-decoration: none;
}
.download-txt button:hover{
    background-color: #0056a3;
    color: #ffffff;
}
.download-txt1.download-txt button:hover{
    background-color: #1d73c0;
    color: #ffffff;
}
.ftr{
    width: 100%;
    float: left;
    background-color: #024581;
    padding: 84px 0 55px 0;
}
.up-date{
    width: 100%;
    float: left;
    margin-bottom:30px;
}
.up-date h2{
    font-family: 'GothamLight';
    font-size: 40px;
    color: #ffffff;
    margin: 0;
    padding: 10px 0;
    text-transform: uppercase;
    float:left; width:40%;
    margin:0 -1px;
}
.JoinEmail { float:left; width:60%; margin:0 -1px;}

.JoinEmail01 { background-color: #ffffff; padding: 10px; position:relative; float:left; margin-bottom:15px; width:100%; }
.up-date input[type='email']{
    background-color: white;
    color: #666666;
    padding: 0 155px 0 15px;
    border: none;
    height:43px;
    text-transform: lowercase;
    font-family: 'GothamBold';
    font-size: 14px;
    width: 100%;
}
.up-date input::placeholder{
    color: #666666;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 14px;
    border: none;

}
.up-date input[type='submit']{
    float: left;
    position:absolute; top:10px; right:10px; 
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 14px;
    color: #ffffff;
    height:43px;
    width: 140px;
    text-decoration: none;
    background-color: #0056a3;
    border:0;
}
.up-date input[type='submit']:hover{
    background-color: #1d73c0;
    color: #ffffff;
}
.up-date h5{
    margin: 0;
    font-family: 'GothamLight';
    font-size: 13px;
    color: #ffffff;
    float: left;
    text-align: left;
    line-height: 20px;
}
.FtrScnd { float:left; width:100%; margin-bottom:20px; }

.ftr-logo{
    float:left; width:100%; 
}
.ftr-logo img{
    display:block;
    margin-bottom:20px;
}
.ftr-logo ul{
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}
.ftr-logo ul li{
    width: 100%;
    font-family: 'GothamMedium';
    font-size: 14px;
    text-align: left;
    color: #ffffff;
    padding-bottom: 18px;
    display: inline;
    text-transform: uppercase;
}
.ftr-logo ul li a{
    display: inline-block;
    text-decoration: none;
    color: #5faef6;
    font-family: 'GothamMedium';
    font-size: 14px;
    text-align: left;
    border: 1px solid;
    padding: 5px 20px;
}
.ftr-logo ul li a:hover{
    color: #ffffff;
}
.google_img { width: 50%; float: right; margin-top: -50px;  }
.google_img ul {width: 100%; float: left; margin: 0; padding: 0; list-style: none;}
.google_img ul li { float: left; padding-right: 12px;}
.google_img .fa { border: 1px solid #fff; padding: 10px; color:#fff;width: 40px;text-align: center; 
height: 40px; border-radius: 100px;font-size: 20px; margin-top: 15px;}


.fa-copyright{
    border: none;
    font-size: 14px;
    padding: 0 20px 0 0;
    width: 10px;
    height: 10px;
}

.quick-link{
    float: left;
    text-align: left;
    width:100%; 
}
.quick-link h2{
    font-family: 'GothamBold';
    font-size: 16px;
    color: #ffffff;
    margin: 0;
    padding-bottom: 0;
    /* padding-bottom: 35px; */
    text-transform: uppercase;
}
.quick-link ul{
    width: 50%;
    float: left;
    margin: 0;
    list-style: none;
}
.quick-link ul li{
    width: 100%;
    font-family: 'GothamMedium';
    font-size: 14px;
    text-align: left;
    color: #ffffff;
    padding-bottom: 18px;
    display: inline-block;
}

.quick-link ul:last-child { padding-top: 55px; }

.quick-link ul li a{
    font-family: 'GothamMedium';
    font-size: 14px;
    text-align: left;
    color: #ffffff;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
}
.quick-link ul li a:hover{
    color: #5faef6;
}
.FtrBtm { float:left; width:100%; position:relative; text-align:center;}

.FtrBtm p {  font-family: 'GothamMedium'; font-size: 14px; color: #ffffff; margin: 0;padding-left: 15px; text-transform: capitalize; float:left; }


.FtrBtm span { position:absolute; left:0; right:120px; top:-20px; margin:0 auto; width:120px;}
.FtrBtm .fa-angle-up{
    border: none;
    font-size: 60px;
    color:#fff; 
    cursor:pointer;
}

.FtrBtm ul { float:right; padding-bottom: 10px;}
.FtrBtm ul li { float:left; background:url(../images/line.png) no-repeat left center; padding:0 5px 0 7px ; }
.FtrBtm ul li:first-child {  background:none; }
.FtrBtm ul li:last-child {  padding-right:0; }
.FtrBtm ul li a{
    font-family: 'GothamMedium';
    font-size: 14px;
    text-align: left;
    color: #ffffff;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
}

/*digtial_marketing*/
.digital-market{
    float: left;
    width: 100%;
    padding: 80px 0 0 0;
}
.dgtal-mrk{
    float: left;
    width: 100%;
    text-align: center;
}
.dgtal-mrk h2{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 40px;
    margin-bottom: 30px;
}
.dgtal-mrk h3{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    margin-bottom: 55px;
}
.dgtal-mrk p{
   font-family: 'GothamLight','Myriad Pro';
    font-size: 16px;
    color: #333333;
    line-height: 23px;
    margin-bottom: 37px;
    float:left; width:100%;
    text-align: left;
}
.dgtal-mrk ul { float:left; width:100%;  margin-bottom: 80px;}
.dgtal-mrk ul li{
    text-align: center;
   
}
.dgtal-mrk ul li img{
  margin:0 auto 25px;
  display:block;
}
.dgtal-mrk ul li p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    max-width: 210px;
    margin: 0 auto;
    padding: 0;
    float:none;
    line-height: 23px;
    text-align: center;
}


.dgtl-mrk-txt{
    float: left;
    width: 100%;
}
.dgtl-mrk-txt p{
    font-family: 'GothamLight','Myriad Pro';
    font-size: 16px;
    color: #333333;
    text-align: left;
    line-height: 23px;
    padding-bottom: 37px;
}
.dgtal-mrk-1{
    width: 100%;
    float: left;
    padding: 50px 0 10px 0;
    background-color: #e8eef4;
}

.dgtal-mrk-1 h2{
    font-family: 'GothamBold';
    font-size: 26px;
    color: #048bc3;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.dgtal-mrk-1 p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    padding-bottom: 30px;
    line-height: 23px;
}
.digital-chats{
    width: 100%;
    float: left;
    padding: 45px 0 110px 0;
}
.digital-chats h4{
    font-family: 'GothamBold';
    font-size: 26px;
    color: #048bc3;
    padding-bottom: 25px;
    text-transform: uppercase;
}
.ziehharmonika h3 {
    background: #fff;
    color: #333333;
    text-align: left;
    font-family: 'GothamMedium';
    font-size: 18px;
    text-transform: uppercase;
    border: 1px solid #dae4ed;
    padding: 30px 23px;
    cursor: pointer;
    margin-bottom: 20px;
    transition: 0.25s all;
    position: relative;
}
.ziehharmonika h3.active {
    margin-bottom: 20px;
    background: #048bc3;
    color: #fff;
}
.ziehharmonika .active .arrowDown {
    bottom: -13px;
    border-color: #048bc3 transparent transparent transparent;
    opacity: 1;
}
.ziehharmonika .dgt-content {
    display: none;
    background: #fff;
    border: 1px solid #dae4ed;
    padding: 20px 23px;
    text-align: left;
    margin-bottom: 20px;
    font-family: 'GothamMedium';
    font-size: 16px;
}
.ziehharmonika .arrowDown {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13.0px 7.5px 0 7.5px;
    border-color: #272e35 transparent transparent transparent;
    position: absolute;
    bottom: 0;
    left: 40px;
    transition: 0.25s all;
    opacity: 0;
}
.ziehharmonika .collapseIcon {
    position: absolute;
    right: 20px;
    top: 45%;
    font-size: 25px;
    color: #91acc4;
    font-weight: 300;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.ziehharmonika .collapseIcon.alignLeft {
    right: initial;
    left: 20px;
}

/*Services 1_Local*/

.service-local{
    float: left;
    width: 100%;
    padding: 80px 0 100px 0;
}
.ser-local{
    float: left;
    width: 100%;
    margin:0 0 80px 0;
}
.ser-local h2{
    text-align: center;
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 40px;
    padding-bottom: 18px;
    margin: 0 auto;
}
.ser-local p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    margin: 0 auto;
    line-height: 23px;
    padding-bottom: 27px;
        text-align: center;
}
.ser-local ul{
     float:left;
     width:100%;
}
.ser-local ul {padding-top:20px;}
.service-local .ser-local ul li { /*! list-style:none; */ background:url(../images/list.png) no-repeat left 7px;font-size:16px; color:#333;font-family: 'GothamLight'; line-height:25px; width:50%; display:inline-block; vertical-align:top; margin:10px -2px 10px; padding:0 15px; float:none;}


.local-service-content{
    width: 100%;
    float: left;
    /*! margin-bottom: 70px; */
    /*! border-bottom: 1px solid #dff2f2; */
}

.local-service-content ul {}
.local-service-content ul li { width:100%; float:left ; margin:0 0 80px 0;border: none;border-bottom: 1px solid #dff2f2;}
.ser-local-img{
    width: 50%;
    float: left;
    padding:0 15px;
}
.local-service-content ul li:nth-child(2) {border:none;}
.local-service-content ul li:nth-child(2) .ser-local-img { float:right; }


.ser-local-txt{
    width: 50%;
    float:right;
    padding:0 15px;
    
}
.ser-local-txt h3{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 26px;
    line-height: 27px;
    padding-bottom: 20px;
    margin: 0 auto;
}
.ser-local-txt p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    margin: 0 auto;
    line-height: 25px;
    padding-bottom: 28px;
}
.ser-local-txt p:last-child{
    padding-bottom: 0;
}
.local-service-content-2{
    width: 100%;
    float: left;
    padding-bottom: 75px;
}
.local-service-content-3{
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 0 50px 0;
}
.local-service-content-3 h3{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 26px;
    line-height: 27px;
    padding-bottom: 26px;
}
.local-service-content-3 p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    margin: 0 auto;
    line-height: 23px;
    padding-bottom: 21px;
}
.local-service-lists{
    width: 100%;
    float: left;
    padding-bottom: 80px;
}
.local-service-lists ul{
    width: 100%;
    float: left;
}
.local-service-lists ul li{
    background-color: #e0edf2;
    float: left;
    width: 100%;
    height: 420px;
    padding: 50px 15px;
}
.listing-txt{
    width: 100%;
    float: left;
    text-align: center;

}
.listing-txt h3{
    color: #333333;
    text-transform: uppercase;
    font-family: 'GothamMedium';
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 25px;
}
.listing-txt p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    margin: 0 auto;
    line-height: 23px;
    padding-bottom: 38px;
    max-width: 300px;
}


/*about_us*/



.banner { background:url(../images/bacground_01.jpg);background-repeat: no-repeat;background-size: cover; padding:150px 0 0 0;background-position: center;}

.abot_left { width:50%; float:left; padding:80px 0 0 0;}
.abot_left h2 { float:left; color:#fff; font-size:40px; font-family: 'GothamBold'; text-transform:uppercase; line-height:50px;}
.abot_left p { float:left; color:#fff; font-size:30px; line-height:40px; font-family: 'GothamLight';}

.abot_right { width:45%; float:right;text-align:center; background:rgba(43, 100, 154, .6); padding:110px 60px;}
.abot_right p {color:#fff; font-size:30px; line-height:40px; font-family: 'GothamLight';}
.meeting_about { padding:50px 0 0 0;}

.about_satad { width:100%; float:left; padding:50px 0;}
.about_satad h2 { color:#048bc3; font-size:40px; font-family: 'GothamBold'; text-transform:uppercase; text-align:center; padding-bottom:25px;}
.about_satad p {color:#333;font-size:18px; line-height:20px; font-family: 'GothamLight'; }


.about_satad_explain { width:100%; float:left; padding:50px 0 0 0;}
.ser_local_explain { width:50%;  float:left; padding:0 15px 0 0;}
.ser_local_explain p {color:#333; float:left; font-size:18px; line-height:25px; font-family: 'GothamLight'; text-align:inherit; padding:0 0 40px 0;}
.ser_local_explain_img { width:50%; float:right; padding:0 0 0 15px;}

.auick_link_img { width:50%; float:left;}
.auick_link_img a { margin: 0 55px 0 0;}
.auick_link_img a:last-child { padding:0 0 0 0;}

/*Contact_us*/

.header_us { width:100%; float:left; padding:20px 30px; background:#024581;}

.contact { width:100%; float:left; background:#354044; padding:64px 0 80px 0; text-align:center;}

.contact_forme { float:left; width:100%; }
.contact_forme h3 { color:#fff; font-size:30px; font-family: 'GothamBold'; margin-bottom:10px; }
.contact_forme p {color:#fff; font-size:18px; line-height:30px; font-family: 'GothamLight'; max-width:800px; margin:0 auto 22px; }
.contact_forme ul {width:560px; margin:0 auto; }
.contact_forme ul li { float:left; width:100%; }
.contact_forme ul li label { float:left; font-size:18px; color:#fff; font-family: 'GothamLight'; line-height:45px;}
.contact_forme ul li input[type="text"] , input[type="email"] , input[type="tel"]
 { width:100%; float:left; padding:15px; border:none;}
.contact_forme ul li textarea {width:100%; float:left; height:145px; resize:none;  border:none;padding: 15px;}
.gform_footer  input[type="submit"] { width:100%; text-transform:uppercase; color:#fff; font-size:14px; background:#1d73c0;
border:none; padding:22px 0;font-family: 'GothamBold'; margin-top:30px; padding:15px;}
.gform_footer  input[type="submit"]:hover { background:#fff; color:#1d73c0;}

/* .gform_footer input[type="submit"]{width: 49%;
text-transform: uppercase;
color: #fff;
font-size: 14px;
background: #1d73c0;
border: none;
padding: 22px 0;
font-family: 'GothamBold';
margin-top: 30px;
padding: 15px;} */

/*Web*/


.development { width:100%; float:left; padding:80px 0 30px 0;}
.develop { width:100%; float:left; padding-bottom:40px; text-align:center;}
.develop h2 { font-size:40px; color:#048bc3; padding-bottom:24px;text-transform:uppercase; font-family: 'GothamBold';}
.develop h3 { font-size:30px; color:#333;font-family: 'GothamLight';}
.develop p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:15px 0; line-height:25px;}

.journey { width:100%; float:left; background:#e8eef4; padding:50px 0 84px; text-align:center;}
.journey h2 { font-size:26px; text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; line-height:27px;}
.journey p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:19px 0; line-height:25px; max-width:750px; margin:0 auto;}
.journey ul {}
.journey ul li { width:33%; float:left; padding:0 10px;} 

.journer_text { width:100%; float:left; background:#fff; height:300px; padding:30px 0 0 0;}


.journey ul li h3 { font-size:20px; color:#333; font-family: 'GothamMedium'; text-transform:uppercase; padding:25px 0 0 0;}
.journey ul li p { max-width:325px;}


.intelligence { width:100%; float:left; padding:70px 0;}
.intelligence h2 { font-size:26px; color:#048bc3; font-family: 'GothamBold'; text-transform:uppercase;}
.intelligence p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:15px 0; line-height:25px;}
.intelligence h3 { font-size:20px; color:#333; font-family: 'GothamMedium'; text-transform:uppercase;}
.intelligence ul {padding-top:20px;}
.intelligence ul li { list-style:none; background:url(../images/ul_04.png) no-repeat left top 7px;font-size:16px; color:#333;font-family: 'GothamLight'; padding:0 0 14px 15px; line-height:25px;}


.dusine { width:100%; float:left; background:#e8eef4; padding:50px 0;}
.dusine h2 { font-size:26px; text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; line-height:27px;}
.dusine p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:15px 0; line-height:25px;}
.dusine ul { padding-top:20px;}
.dusine ul li { list-style:none; background:url(../images/ul_04.png) no-repeat left top 7px;font-size:16px; color:#333;font-family: 'GothamLight'; padding:0 0 14px 15px; line-height:25px;}

/*experience*/


.experience { width:100%; float:left; padding:80px 0;}

.design_experience { width:100%; float:left; text-align:center; margin-bottom:80px;}
.design_experience h2 { font-size:40px; text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; margin-bottom:25px;}
.design_experience p { font-size:16px; color:#333;font-family: 'GothamLight'; margin:0 0 55px; line-height:25px;}
.design_experience .row { margin:0 -7px; }
.design_experience ul { float:left; width:100%; }
.design_experience ul li {  width:25%; float:left; margin:0 0 14px 0; padding:0 7px;}

.design_experience_text { width:100%; float:left; background:#e7f0f4; padding:25px 5px; height:100px;}
.design_experience ul li h5 { font-size:20px; color:#333;font-family: 'GothamLight'; line-height:25px;text-transform:uppercase;}

.inspiring { width:100%; float:left;}
.inspiring ul {}
.inspiring ul li {  float:none; display:inline-block; vertical-align:top; padding:0 10px; margin:0 -2px 60px; }

.inspiringlst { float:left; width:100%; }
.inspiringlst span img { float:left; width:62px; margin:0 30px 0 0;}
.inspiringDes { overflow:hidden; }
.inspiring h2 { font-size:26px;text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; }
.inspiring p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:15px 0; line-height:25px;display: flex;}



/*Services 1_International*/

.services_international { width:100%; float:left; padding:80px 0 0 0;}

.international { width:100%; float:left; padding-bottom:60px;}
.international h2 { font-size:40px;text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; text-align:center;}

.international ul {}
.international ul li { float:left; width:100%; /*! padding:60px 0 0 0; */}
.international_left { width:50%; float:left;}
.international_left h3 { font-size:26px;text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; }
.international_left p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:15px 0; line-height:25px;}
.international_left p strong { font-family: 'GothamMedium';}

.international_right { width:50%; float:right; padding:70px 0 0 0;}


.international_quote { width:100%; float:left; background:#0056a3; padding:50px 0;}
.international_quote h3 { float:left; font-size:30px; color:#fff;font-family: 'GothamLight';text-transform:uppercase;}
.international_quote a { float:right; background:#fff; color:#0056a3; font-size:14px; text-transform:uppercase; text-decoration:none;
padding:13px 23px;  font-family: 'GothamBold';}
.international_quote a:hover { background:#048bc3; color:#fff;}

.increasingly { width:100%; float:left; padding-bottom:100px;}
.increasingly ul {}
.increasingly ul li { float:left; width:100%;padding: 80px 0 0 0;}


.increasingly_left { width:50%; float:left;padding: 0 15px 0 0;}
.increasingly_right { width:50%; float:right;padding: 0 0 0 15px;}
.increasingly_right h3 { font-size:26px;text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; }
.increasingly_right p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:15px 0; line-height:22px;}
.increasingly_right p strong { font-family: 'GothamMedium';}
.increasingly_right ul {padding-top:20px;}
.increasingly_right ul li { list-style:none; background:url(../images/ul_04.png) no-repeat left top 2px;font-size:16px; color:#333;font-family: 'GothamLight'; padding:0 0 14px 15px; line-height:15px;}


.hreflang { width:50%; float:left; padding: 30px 0 0 0;}
.hreflang h2 { font-size:26px;text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; }
.hreflang p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:13px 0; line-height:25px;}
.hreflang p a { color:#333;}


.language { width:48%; float:right; background:#e0edf2; padding:30px;}
.language h2 { font-size:26px;text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; }
.language p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:14px 0; line-height:25px;}
.language p strong { font-family: 'GothamMedium';}



/*Services 1_enterprise*/


.service-local h2{ text-align: center; color: #048bc3; text-transform: uppercase; font-family: 'GothamBold'; font-size: 40px;}

.service-local ul { padding:80px 0 0 0; }
.service-local ul li { float:left; padding:50px 0 0 0; /*! margin-bottom:60px; */}
.ser_snterprise { width:50%; float:left; padding:0 15px}
.ser_snterprise h3 { font-size:26px;text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; }
.ser_snterprise p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:14px 0; line-height:25px;}

.ser_snterprise_img { width:50%; float:right; padding:0 15px; }
.ser_snterprise_img img { width:100%; }

.service-local ul li:nth-child(2n) .ser_snterprise_img { float:left; }




.enterprise_img { width:50%; float:left; margin-bottom:70px;}

.enterprise_text { width:50%; float:right;padding: 0 0 0 10px;}
.enterprise_text h3 { font-size:26px;text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; }
.enterprise_text p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:14px 0; line-height:25px;}
.enterprise_text ul {padding-top:20px;}
.enterprise_text ul li { list-style:none; background:url(../images/ul_04.png) no-repeat left top 2px;font-size:16px; color:#333;font-family: 'GothamLight'; padding:0 0 14px 15px; line-height:15px;float: none; margin:0; }


.free_qquote { width:100%; float:left; background:#0056a3; padding:40px 0; margin-bottom:80px;}
.free_qquote h3  { font-size:30px; color:#fff;font-family: 'GothamLight'; text-transform:uppercase; padding:0 50px 0 350px; float:left;}
.free_qquote a { background:#fff; color:#0056a3; font-size:14px; text-transform:uppercase; text-decoration:none;padding:17px 37px;  font-family: 'GothamBold'; float:left;margin: -5px 0 0 0;}
.free_qquote a:hover { background:#048bc3; color:#fff;}



.keyword_selection { width:100%; float:left; padding:0 0 80px 0;}
.keyword_selection ul { list-style:none;}
.keyword_selection ul li { float:left; width:25%; padding:0 15px; text-align:center; }

.keyword_selctn_div { float:left; width:100%; background:#e0edf2; height:490px; padding:45px 0 0 0;}
.keyword_selection ul li h3 { font-size:22px; text-transform:uppercase; color:#333; font-family: 'GothamBold'; width:120px; margin:0 auto;}
.keyword_selection ul li p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:14px 0; line-height:25px; width:210px; margin:0 auto;}

.enterprise_seO_services { width:40%; float:left;margin: 0 auto;padding: 50px 0 0 0;}

.enterprise_text a { background:#048bc3; color:#fff; font-size:14px; text-transform:uppercase; text-decoration:none;padding:15px; 
font-family: 'GothamBold'; float:left; margin:15px 0 0 0;}
.enterprise_text a:hover { background:#0056a3;}


.seo_company { width:100%; float:left; text-align:center; padding:75px 0 0 0;}
.seo_company h3 { font-size:26px; text-transform:uppercase; color:#048bc3; font-family: 'GothamBold';}
.seo_company p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:18px 0; line-height:25px; max-width:980px; margin:0 auto;}
.seo_company a { background:#048bc3; color:#fff; font-size:14px; text-transform:uppercase; text-decoration:none;padding:15px; 
font-family: 'GothamBold'; display:inline-flex;}
.seo_company a:hover { background:#0056a3;}


/*services 1_mobile*/

.service-mobile{
    float: left;
    width: 100%;
    padding: 0 -1px 0 0;
}
.ser-mbl{
    float: left;
    width: 100%;
    padding:0 0 80px 0;
}
.ser-mbl h2{
    text-align: center;
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 40px;
    margin: 0 auto;
}
.ser-mbl ul {}
.ser-mbl ul li { width:100%; float:left;  padding:80px 0 0 0;}
.ser-mbl-img{
    width: 50%;
    float: left;
    padding:0 5px 0 0;
}

.ser-mbl-txt{
    width: 50%;
    float: left;
    padding:0 15px;
}
.ser-mbl-txt h3{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 26px;
    line-height: 27px;
    padding-bottom: 20px;
    margin: 0 auto;
}
.ser-mbl-txt h4{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 26px;
    line-height: 27px;
    padding-bottom: 20px;
    margin: 0 auto;
    letter-spacing: -1px;
}
.ser-mbl-txt p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    margin: 0 auto;
    line-height: 23px;
    padding: 0 0 30px 9px;
}
.ser-mbl-txt p:last-child{
    padding-bottom: 0;
}
.ser-mbl-txt p span{
    display: inline-block;
    font-family: 'GothamBold';
}
.ser-mbl-txt a{
    display: inline-block;
    font-family: 'GothamMedium';
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    background-color: #048bc3;
    padding: 15px 0;
    width: 215px;
    text-decoration: none;
}
.ser-mbl-txt a:hover{
    background-color: #0056a3;
}
.ser-mbl-txt_01{
    width: 50%;
    float: left;
    padding:0 0 0 5px;
}
.ser-mbl-txt_01 h3{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 26px;
    line-height: 27px;
    padding-bottom: 20px;
    margin: 0 auto;
}
.ser-mbl-txt_01 h4{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 26px;
    line-height: 27px;
    padding-bottom: 20px;
    margin: 0 auto;
    letter-spacing: -1px;
}
.ser-mbl-txt_01 p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    margin: 0 auto;
    line-height: 23px;
    padding: 0 0 30px 9px;
}
.ser-mbl-txt_01 p:last-child{
    padding-bottom: 0;
}
.ser-mbl-txt p span{
    display: inline-block;
    font-family: 'GothamBold';
}
.ser-mbl-txt_01 a{
    display: inline-block;
    font-family: 'GothamMedium';
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    background-color: #048bc3;
    padding: 15px 0;
    width: 215px;
    text-decoration: none;
}
.ser-mbl-txt_01 a:hover{
    background-color: #0056a3;
}

.ser-mbl-img_01{ width:50%; float:right;}

.ser-mbl-2{
    float: left;
    width: 100%;
    padding:0 0 80px 0;
}




.ser-mbl-021_left{
    width: 50%;
    float: left;
    padding:0 0 0 5px;
}
.ser-mbl-021_left h3{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 25px;
    line-height: 27px;
    padding-bottom: 20px;
    margin: 0 auto;
}
.ser-mbl-021_left h4{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 26px;
    line-height: 27px;
    padding-bottom: 20px;
    margin: 0 auto;
    letter-spacing: -1px;
}
.ser-mbl-021_left p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    margin: 0 auto;
    line-height: 23px;
    padding: 0 0 30px 9px;
}
.ser-mbl-021_left p:last-child{
    padding-bottom: 0;
}
.ser-mbl-021_left p span{
    display: inline-block;
    font-family: 'GothamBold';
}
.ser-mbl-021_left a{
    display: inline-block;
    font-family: 'GothamMedium';
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    background-color: #048bc3;
    padding: 15px 0;
    width: 215px;
    text-decoration: none;
}
.ser-mbl-021_left a:hover{
    background-color: #0056a3;
}

.service-mobile-1{
    float: left;
    width: 100%;
    padding:80px 0 100px 0;
    background: url("../images/mbl-bg_02.jpg")top left no-repeat;
    background-size: cover;
    height: 732px;
}
.mbl-rgt{
    float: right;
}
.ser-mbl-txt-rgt{
    width: 100%;
    float: left;
    text-align: left;
}
.ser-mbl-txt-rgt h4{
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 26px;
    line-height: 27px;
    padding-bottom: 20px;
    margin: 0 auto;
    letter-spacing: -1px;
}
.ser-mbl-txt-rgt p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #ffffff;
    margin: 0 auto;
    line-height: 23px;
    padding-bottom: 21px;
}

.ser-mbl-txt-rgt a{
    display: inline-block;
    font-family: 'GothamMedium';
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    background-color: #048bc3;
    padding: 15px 0;
    width: 215px;
    text-decoration: none;
}
.service-mobile-2{
    float: left;
    width: 100%;
    padding:75px 0 0 0;
}
.ser-mbl-txt ul {padding-bottom:35px;}
.ser-mbl-txt ul li {
    list-style: none;
    background: url(../images/list.png) no-repeat left top 7px;
    font-size: 16px;
    color: #333;
    font-family: 'GothamLight';
    padding: 0 0 3px 14px;
    line-height: 22px;
}
.service-mobile-3{
    float: left;
    width: 100%;
    padding:75px 0 100px 0;
}
.ser-mbl-txt-centre{
    width: 100%;
    float: left;
    text-align: center;
}
.ser-mbl-txt-centre h4{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 26px;
    line-height: 27px;
    padding-bottom: 20px;
    margin: 0 auto;
}
.ser-mbl-txt-centre p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    letter-spacing: -1px;
    margin: 0 auto;
    padding-bottom: 32px;
}




.ser-mbl ul li:nth-child(2n) .ser-mbl-img { float:right;}



/*Google AdWords*/


.google_adWords { width:100%; float:left; padding:80px 0 70px 0; text-align:center;}
.google_adWords h2{font-size:40px; color:#048bc3; text-transform:uppercase; margin: 0;padding-bottom: 50px; max-width:900px;margin: 0 auto; font-family: 'GothamBold';}
.google_adWords h3 { font-size:22px; text-transform:uppercase; color:#333; font-family: 'GothamMedium';}
.google_adWords img { padding:30px 0 0 0;}
.google_adWords p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:12px 0; line-height:25px;}
.google_adWords a { background:#048bc3; color:#fff; font-size:14px; text-transform:uppercase; text-decoration:none;padding:17px 24px; 
font-family: 'GothamMedium'; display:inline-flex; margin:20px 0 0 0;}
.google_adWords a:hover { background:#0056a3;}

.cated_support { width:100%; float:left; background:#e0edf2; padding:70px 0 80px 0;}
.cated_support_left { width:50%; float:left; padding:0 15px 0 0;}
.cated_support_left h3 { font-size:26px; text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; padding-bottom:10px;}
.cated_support_left p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:12px 0; line-height:25px;}

.cated_support_right { width:50%; float:right; padding:0 0 0 15px;}
.cated_support_right h3 { font-size:26px; text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; padding-bottom:10px;}
.cated_support_right p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:12px 0; line-height:25px;}


.superior { width:100%; float:left; padding:80px 0;}

.superior_result { width:50%; float:left; padding:0 15px 0 0;}
.superior_result h3 { font-size:26px; text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; padding-bottom:10px;}
.superior_result p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:12px 0; line-height:25px;float: left;}
.superior_result ul {padding-top:20px; float:left;width: 214px;}
.superior_result ul li { list-style:none; background:url(../images/ul_04.png) no-repeat left top 2px;font-size:16px; color:#333;font-family: 'GothamLight'; padding:0 28px 14px 15px; line-height:15px;float: left;}

.superior_result a { background:#048bc3; color:#fff; font-size:14px; text-transform:uppercase; text-decoration:none;padding:17px 18px; 
font-family: 'GothamMedium'; display:inline-flex; margin:20px 0 0 0;}
.superior_result a:hover { background:#0056a3;}

.marketing_img { width:50%; float:right; padding:0 0 0 15px}


.google_partners { width:100%; float:left; background:#e0edf2; padding:80px 0;}

.impressive { width:50%; float:left; padding:0 15px 0 0;}
.impressive h3 { font-size:26px; text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; padding-bottom:10px;}
.impressive p { font-size:16px; color:#333;font-family: 'GothamLight'; padding:12px 0; line-height:25px;}


.impressive_img { width:50%; float:right; padding:0 0 0  15px;}

.google_remarketin { width:100%; float:left; padding:80px 0 0 0;}
.gform_footer input[type="submit"]{width: 49%;
text-transform: uppercase;
color: #fff;
font-size: 14px;
background: #1d73c0;
border: none;
padding: 22px 0;
font-family: 'GothamBold';
margin-top: 30px;
padding: 15px;}

.modal-header h4 { font-size:26px; color:#fff; text-transform:uppercase; font-family: 'GothamBold';}

.modal-body ul li { padding:5px 0;}

/* .modal-body ul li h5 { float:left; font-size:18px; color:#fff; font-family: 'GothamLight'; line-height:45px;} */
.modal-body ul li label { float:left; font-size:18px; color:#fff; font-family: 'GothamLight'; line-height:45px;}

.modal-body ul li input[type="text"] , input[type="email"] , input[type="tel"]

 { width:100%; float:left; padding:15px; border:none;}

.modal-body .gform_footer input[type="submit"] { width:100%; float:left; text-transform:uppercase; color:#fff; font-size:14px; background:#000;

border:none; padding:22px 0;font-family: 'GothamBold'; margin-top:20px; padding:15px;}

.modal-body .gform_footer input[type="submit"]:hover { background:#fff; color:#000;}


.modal-body h4{font-size:17px;line-height: 24px; text-transform:uppercase; color:white; font-family: 'GothamBold';}
.modal-body button{width: 500px;
    background-color: #ffffff;
    padding: 15px 30px;
    text-transform: uppercase;
    font-family: 'GothamBold';
    color: #0056a3;
    font-size: 16px;
    border: none;
    margin: 50px 0 0 0;
}
.modal-body button:hover{background-color: #0056a3;
    color: #ffffff;}


/* .modal-body ul li { padding:5px 0;}
.modal-body ul li h5 { float:left; font-size:18px; color:#fff; font-family: 'GothamLight'; line-height:45px;}
.modal-body ul li input[type="text"] , input[type="email"] , input[type="tel"]
 { width:100%; float:left; padding:15px; border:none;}
.modal-body ul li input[type="submit"] { width:100%; float:left; text-transform:uppercase; color:#fff; font-size:14px; background:#000;
border:none; padding:22px 0;font-family: 'GothamBold'; margin-top:20px; padding:15px;}
.modal-body ul li input[type="submit"]:hover { background:#fff; color:#000;}
 */

/*portfolio*/

.seo_portfolio { width:100%; float:left;}

.portfolio { width:100%; float:left; background:url(../images/back_03.jpg) no-repeat; text-align:center; padding:110px 0 70px 0;}
.portfolio h2 { font-size:40px;text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; }

.air_liquide_02 { width:100%; float:left;}

.air_liquide_02 ul {}
.air_liquide_02 ul li { list-style:none; width:100%; float:left; padding:160px 0;}

.air_liquide_img { width:50%; float:right; padding:0 0 0 30px;}

.air_liquide_left { width:50%; float:left; padding:0 30px 0 0;}
.air_liquide_left h2 { font-size:40px;text-transform:uppercase; color:#333; width:400px; font-family: 'GothamMedium'; line-height:40px; 
padding:50px 0 20px 0;}
.air_liquide_left p { font-size:18px; color:#333;font-family: 'GothamLight'; padding:12px 0; line-height:25px;float: left; max-width:560px;}
.air_liquide_left a { background:#048bc3; color:#fff; font-size:14px; text-transform:uppercase; text-decoration:none;padding:20px 28px; 
font-family: 'GothamMedium'; display:inline-flex; margin:20px 0 0 0;}
.air_liquide_left a:hover { background:#0056a3;}
.air_liquide_02 ul li:nth-child(2n) { background:#f0f6fb;}
.air_liquide_02 ul li:nth-child(2n) .air_liquide_img { float:left; padding:0 30px 0 0;}
.air_liquide_02 ul li:nth-child(2n) .air_liquide_left { float:right; padding:0 0 0 30px;}



/*Services 2_ding advertising*/

.advertising { width:100%; float:left; padding:0 0 0 0;}
.advertising h1 { font-size:40px;text-transform:uppercase; color:#048bc3; font-family: 'GothamBold'; text-align:center;}

.advertising ul li:nth-child(2n) .advertising_img { float:left; margin:0 30px 0 0;}


.advertising_img{
    width: 360px;
    float: right;
    margin-left:30px;
}







.advertising ul {}
.advertising ul li { width:100%; float:left;  padding:80px 0; border-bottom:1px solid #cccecd;}
.reach_more { width:70%; float:left;}
.reach_more h2 { font-size:26px;text-transform:uppercase; color:#048bc3; width:500px; font-family: 'GothamBold';}
.reach_more p { font-size:18px; color:#333;font-family: 'GothamLight';line-height:25px; padding:10px 0;}
.reach_more a { background:#048bc3; color:#fff; font-size:14px; text-transform:uppercase; text-decoration:none;padding:17px; 
font-family: 'GothamMedium'; display:inline-flex; margin:20px 0 0 0;}
.reach_more a:hover { background:#0056a3;}

.reach_more span h2  { width:100%;}

.reach_more_right { width:30%; float:right;padding: 0 0 0 15px;}

.less_competition { width:100%; float:left; padding:80px 0; border-bottom:1px solid #cccecd;}




.reach_more ul {padding-top:20px;}
.reach_more ul li { list-style:none; background:url(../images/list.png) no-repeat left top 7px;font-size:16px; color:#333;font-family: 'GothamLight'; padding:0 0 0 15px; line-height:25px;}

/*Portfolio_detail*/


.health_care { width:100%; float:left;text-align:center; padding-bottom:250px;}
.health_care h2 { font-size:40px; color:#048bc3; padding-bottom:24px;text-transform:uppercase; font-family: 'GothamBold';}
.health_care h3 { font-size:35px; color:#000;font-family: 'GothamLight';}
.health_care p {max-width:900px; margin:0 auto; font-size:16px; color:#333;font-family: 'GothamLight'; padding:15px 0; line-height:25px;}


.health_care img { padding:50px 0;}
.health_care span img { padding:30px 0 0 0;} 





/*Services 2_Google Remarketing*/

.service-google-remrk{
    float: left;
    width: 100%;
    /*! padding: 106px 0 0 0; */
}
.service-bing{
    float: left;
    width: 100%;
    padding: 106px 0 0 0;
}
.service-bing h2{
    text-align: center;
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 40px;
    padding-bottom: 70px;
    margin: 0 auto;
}
.ser-bing-txt{
    width: 70%;
    float: left;
}
.service-gle-0{
    float: left;
    width: 100%;

}

.service-gle-0 ul {}
.service-gle-0 ul li { width:100%; float:left; padding:80px 0 0 0;}
.ser-gle-txt{
    width: 50%;
    float: left;
    text-align: left;
}
.ser-gle-txt h3{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 26px;
    line-height: 27px;
    padding-bottom: 20px;
    margin: 0 auto;
}
.ser-gle-txt p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    margin: 0 auto;
    line-height: 23px;
    padding-bottom: 21px;
}
.ser-gle-txt a{
    display: inline-block;
    font-family: 'GothamMedium';
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    background-color: #048bc3;
    padding: 15px 0;
    width: 215px;
    text-decoration: none;
}
.ser-gle-txt a:hover{
    background-color: #0056a3;
}

.ser-gle-img{
    width: 50%;
    float: left;
}
.ser-gle-img img{
    float: right;
}
.service-gle-1{
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 40px;
    border-bottom: 1px solid #cccecd;
    /*! margin-bottom: 70px; */
    padding: 0px 0 0 0;
}
.service-gle-1 h3{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 32px;
    margin: 0 auto;
}
.service-gle-1 img{
    padding-bottom: 30px;
}
.service-gle-1 p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    margin: 0 auto;
    max-width: 1120px;
    line-height: 26px;
    padding-bottom: 26px;
}
.service-gle-2{
    width: 100%;
    float: left;
    padding-bottom: 40px;
    border-bottom: 1px solid #cccecd;
    margin-bottom: 70px;
}

.SrvcGogloTopSctn { float:left; width:100%; padding:0 15px; margin-bottom:70px; }

.SrvcGoloLstng { float:left; width:100%; margin-bottom:70px;}
.SrvcGoloLstng ul li { float:left; width:100%; margin-bottom:70px; padding-bottom:70px; border-bottom:1px solid #cccecd; }
.SrvcGoloLstng ul li:last-child { padding-bottom:0; border:0;}
.ser-gle-2-img{
    width: 360px;
    float: right;
    margin-left:30px;
}
.SrvcGoloLstng ul li:nth-child(2n) .ser-gle-2-img { float:left; margin:0 30px 0 0; }
.ser-gle-2-txt{
    overflow:hidden;
}



.ser-gle-2-txt1{
    padding-left: 0;
    padding-right: 35px;
    float: left;
}
.ser-gle-2-txt h2 {font-size:26px;text-transform:uppercase; color:#048bc3; max-width:500px; font-family: 'GothamBold';padding-bottom: 22px;}

.ser-gle-2-txt h3{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 25px;
    line-height: 27px;
    padding-bottom: 20px;
    margin: 0 auto;
}
.ser-gle-2-txt p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    margin: 0 auto;
    line-height: 26px;
    padding-bottom: 25px;
}
.ser-gle-2-txt a{
    display: inline-block;
    font-family: 'GothamMedium';
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    background-color: #048bc3;
    padding: 15px 0;
    width: 215px;
    text-decoration: none;
}
.ser-gle-2-txt a:hover{
    background-color: #0056a3;
}
.service-gle-3{
    width: 100%;
    float: left;
    /*! padding: 80px 0; */
    margin: 80px 0 0 0;
}
.service-gle-3 h2{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 26px;
    line-height: 27px;
    padding-bottom: 40px;
    margin: 0 auto;
    text-align: center;
}
.service-gle-3 ul{
    width: 100%;
    float: left;
}
.service-gle-3 ul li{
    width:50% ;
    float: left;
    height: 208px;
    margin-bottom: 50px;
    padding-right: 15px;
}
.service-gle-3 ul li:nth-child(even){
    padding-right: 0;
    padding-left: 15px;
}
.service-gle-3 ul li h3{
    font-family: 'GothamMedium';
    font-size: 22px;
    color: #333333;
    text-align: left;
    /*! line-height: 31px; */
    padding-bottom: 25px;
    text-transform: uppercase;
}
.service-gle-3 p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    margin: 0 auto;
    line-height: 26px;
}



/* Services 2_Bing Advertising     */
.service-bing{
    float: left;
    width: 100%;
    padding: 106px 0 0 0;
}
.service-bing h2{
    text-align: center;
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 40px;
    padding-bottom: 70px;
    margin: 0 auto;
}
.ser-bing-txt{
    width: 70%;
    float: left;
    padding-left: 30px;
}




/*Services 2_Google display network*/

.service-google-display{
    float: left;
    width: 100%;
    padding: 85px 0 0 0;
}
.service-google-display h2{
    text-align: center;
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 40px;
    margin: 0 auto;
}
.gle-dsply-net-1{
    width: 100%;
    float: left;
    padding: 70px 0 160px 0;
}

.gle-dsply-net-lft{
    float: left;
    width:50%;
    padding:0 15px;
}
.gle-dsply-net-lft img{
    width:100%; 
}
.gle-dsply-net-rgt{
    width: 50%;
    float: left;
    padding: 0 115px 0 15px;
    text-align: left;
}
.gle-dsply-net-rgt h3{
    letter-spacing: -1px;
}

.SrvcGogloBtmSctn { float:left; width:100%; padding:0 30px; position:relative; margin-bottom:188px;}


.gle-dsply-net-lft-1{
    float: left;
    width:47%;
    z-index: 999;
    position:relative; z-index:1;
}
.gle-dsply-net-lft-1 img{
    width:100%;
}
.gle-dsply-net-rgt-1{
    width: 55%;
    padding: 70px 30px 25px 100px;
    border: 1px solid #cbcbcb;
     position: absolute;
    top:50%; right:30px;
    transform:translateY(-50%);
}
.gle-disply-net{
    width: 100%
}
.gle-disply-net a{
    display: inline-block;
    font-family: 'GothamMedium';
    font-size: 14px;
    color: #ffffff;
    position: relative;
    bottom: -47px;
    text-align: center;
    text-transform: uppercase;
    background-color: #048bc3;
    padding: 15px 0;
    width: 215px;
    text-decoration: none;
}

.service-gle-1 service-gle-01 { width:100%;  float:left;padding:70px 0 0 0;}


.service-gle-01{
    border-bottom: none;
    /*! margin-bottom: 30px; */
    padding:0;
}
.service-gle-01 p{
    width: 930px;
}
.gle-dply ul li{
    width: 50%;
    display:inline-block;
    float:none;
    margin:0 -2px 30px;
    padding:0 15px;
    vertical-align:top;
    height:auto;
}

.gle-dply ul li:nth-child(2n) { padding:0 15px;}


.ser-gle-4-gle{
    overflow:hidden;
}



.ser-gle-4-gle h3{
    color: #048bc3;
    text-transform: uppercase;
    font-family: 'GothamBold';
    font-size: 25px;
    padding-bottom: 20px;
    margin: 0 auto;
}
.ser-gle-4-gle p{
    font-family: 'GothamLight';
    font-size: 16px;
    color: #333333;
    margin: 0 auto;
    line-height: 26px;
    padding-bottom: 25px;
}

.ser-gle-4-gle a {
    display: inline-block;
    font-family: 'GothamMedium';
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    background-color: #048bc3;
    padding: 15px 0;
    width: 215px;
    text-decoration: none;
}
.service-gle-0 ul li:nth-child(2n) .advert_img { float:right; margin:0 0 0 30px;}


.advert_img{
    width: 360px;
    float: left;
    margin-right:30px;
}


/*blog*/


.blog_main { width:100%; float:left; padding:30px 0 100px 0;}

.blog_main ul {}
.blog_main ul li { width:100%; float:left; background:#f0f6fc; margin:50px 0 0 0;}


.blog_post { width:50%; float:left;padding: 20px 78px 03px; position:relative;}
.blog_post h4 { font-size:14px; background:#cde6fe; color:#000; text-transform:uppercase; font-family: 'GothamBold'; padding:22px;display: inline-block; position:absolute; top:0; left:45px; }

.blog_post h2 {font-size:22px; color:#000; text-transform:uppercase; font-family: 'GothamMedium';  margin:0 0 10px 0; position:relative; }
.blog_post h2:before { content:""; position:absolute; top:0; left:-45px; background:#048bc3; height:100%; width:4px; }
.blog_post h2 a { color:#000; text-decoration:none  }

.blog_post p { font-size:17px; color:#000; line-height: 25px; font-family: 'GothamLight'; padding:0 0 10px 0;} 
.blog_post span p { font-size:14px;margin:50px 0 10px 0 ; font-family: 'GothamLight'; padding:0 0 0 0;}

.blog_post a.reb_more { font-size:14px; color:#048bc3; font-family: 'GothamBold'; text-decoration:none;text-transform:uppercase; padding-bottom:5px;} 
.blog_post a.reb_more:hover { border-bottom:1px solid #048bc3;}


.blog_main ul li:nth-child(2n) .blog_img { float:left;}


.blog_img { width:50%; float:right;}
.blog_img img { width:100%; float:right;}




.pagination { width:100%; float:left; text-align:center; padding:40px 0 0 0;}
.pagination a {
  color:#000;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  font-size: 16px;
  font-family: 'GothamBold';
}

.pagination a.active {
  background-color: dodgerblue;
  color: #fff;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

/*SEC_DETAIL*/




.sec_bloge_detail { width:100%; float:left; padding:0 0 120px 0;}



/*text*/



.detail-top{
    width: 100%;
    float: left;
    position: relative;
    padding: 80px 115px 0 115px;

}
.detail-top img{
    width:100%;
    margin: 0 auto;
    display: block;
    margin: 0 0 -60px 0;
}

.detail-top h4 {
    font-size: 14px;
    background: #cde6fe;
    color: #000;
    text-transform: uppercase;
    font-family: 'GothamBold';
    padding: 22px;
    display: inline-block;
    margin: -38px 0 0 20px;
}



.detail-btm{
    width: 100%;
    float: left;
    margin-top: -150px;
    padding: 250px 125px 22px 125px;
    background-color: #f0f6fc;
}

.detail-btm h3 {font-size:32px; color:#000; text-transform:uppercase; font-family: 'GothamMedium';  margin:0 0 30px 0; position:relative; }
.detail-btm h3:before { content:""; position:absolute; top:0; left:-45px; background:#048bc3; height:100%; width:4px; }

.detail-btm p { font-size:17px; color:#000; font-family: 'GothamLight'; padding:0 0 40px 0; line-height:30px;} 
.detail-btm span p { font-size:14px;font-family: 'GothamLight'; padding:0 0 20px 0; line-height:0;}


.back-detail { width:100%; float:left; padding:50px 0 0 125px;}
.back-detail a{
font-size: 14px;
color: #000;
text-decoration:none;
font-family: 'GothamBold';
text-transform: uppercase;
padding-bottom: 5px;
}

.back-detail a:hover { border-bottom:1px solid #000;}






/*media_advertising*/


.advertising { width:100%; float:left; padding:80px 0;}



.advertising_left { width:50%; float:left;}

.advertising_right { width:50%; float:right;background:#fff; border:1px solid #c8c8c8;margin: 30px 0 0 520px;position: absolute;padding: 80px 0;}
.advertising_right h3 {font-family: 'GothamBold'; font-size: 26px; color: #048bc3; padding-bottom: 15px; text-transform: uppercase; text-align:center;}
.advertising_right p { font-size:16px; color:#333; font-family: 'GothamLight'; line-height:25px; text-align:center; width:460px; margin:0 auto;}


.media_advertising { width:100%; float:left; margin:70px 0 0 0; }
.media_advertising ul {}
.media_advertising ul li { width:100%; float:left; background:#417cae; padding:50px;border:none;}


.media_advertising_left { width:50%; float:left; padding:70px 0 0 40px;}
SSS
.media_advertising_left h3 {font-family: 'GothamBold'; font-size: 26px; color: #fff; padding-bottom: 15px; text-transform: uppercase;}
.media_advertising_left p { font-size:16px; color:#fff; font-family: 'GothamLight'; line-height:25px; width:470px;}


.media_advertising_right { width:50%; float:right;}
.media_advertising_right  img {float:right;}

.media_advertising ul li:last-child { background:none;}
.media_advertising ul li:nth-child(2n) .media_advertising_right { float:left;}
.media_advertising ul li:nth-child(2n) .media_advertising_right img { float:left; width:500px; height:450px;}
.media_advertising ul li:nth-child(2n) .media_advertising_left { float:right; text-align:center; padding:130px 40px 0 40px;}
.media_advertising ul li:nth-child(2n) .media_advertising_left h3 { color:#417cae;}
.media_advertising ul li:nth-child(2n) .media_advertising_left p { color:#333; width:450px; margin:0 auto;}


.proven_invertment { width:100%; float:left; text-align:center;}
.proven_invertment h3 {margin-top: 20px; font-family: 'GothamBold'; font-size: 26px; color: #417cae; padding-bottom: 15px; text-transform: uppercase;}
.proven_invertment p { font-size:16px; color:#333; font-family: 'GothamLight'; line-height:25px; margin:0 0 30px 0;}


.gform_confirmation_message {color: white;font-size: 15px;font-family: 'GothamBold';}