/* ==========================================================================

   Helper classes

   ========================================================================== */

   

 body{ color:#424141;}

*{ margin:0; padding:0; outline:none; border:none;}
.container.clearfix {width: 1250px !important;}

.nomargin-left { margin-left:0px !important; }

.no-bg{background:none!important;}

.alignbottom { vertical-align:text-top; }

.nopadding-bottom{padding-bottom:0!important;}

.padd_rgt { padding-right:0; }

img{ border:0px; }

ul { list-style-type:none; list-style:none; padding:0; margin:0; }

ul li { list-style:none; padding:0; margin:0; }

a { text-decoration:none!important; outline:none; color:#dc2611; transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s;}

a:focus{ outline:none}

html, button, input, select, textarea {color: #222;}

.clear { padding:0; margin:0; line-height:0; height:0; font-size:0; clear:both; width:100%; display:block; }

p { font-family: Arial, Helvetica, sans-serif; line-height:18px; font-size:14px; padding:0; margin:0; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding:0; margin:0; } 

.clearfix:after { clear: both; width: 100%; height: 0; content: ""; display:block;}

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */}

.clearfix { *zoom: 1;}

audio, canvas, img, video { vertical-align: middle;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

img { vertical-align: middle;}

fieldset {border: 0; margin: 0; padding: 0;}

textarea {resize: vertical;}

.chromeframe { margin: 0.2em 0; background: #ccc; color: #24242A; padding: 0.2em 0;}

.ir {background-color: transparent; border: 0; overflow: hidden;

 /* IE 6/7 fallback */

    *text-indent: -9999px;}

.ir:before { content: ""; display: block; width: 0; height: 150%;}

.hidden {display: none !important; visibility: hidden;}

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

.invisible { visibility: hidden;}

.Fright{ float:right!important;}

::-moz-selection {background: #5bccfd; text-shadow: none;}

::selection {background: #5bccfd; text-shadow: none;}

html, body { height: 100%; padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; min-width:1200px;}

@font-face {

    font-family: 'clanotbold';

    src: url('fonts/clanot-bold-webfont.eot');

    src: url('fonts/clanot-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/clanot-bold-webfont.woff') format('woff'),

         url('fonts/clanot-bold-webfont.ttf') format('truetype'),

         url('fonts/clanot-bold-webfont.svg#clanotbold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'clanotbook';

    src: url('fonts/clanot-book-webfont.eot');

    src: url('fonts/clanot-book-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/clanot-book-webfont.woff') format('woff'),

         url('fonts/clanot-book-webfont.ttf') format('truetype'),

         url('fonts/clanot-book-webfont.svg#clanotbook') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face { 

	font-family: 'clanotnews';

    src: url('fonts/clanot-news-webfont.eot');

    src: url('fonts/clanot-news-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/clanot-news-webfont.woff') format('woff'),

         url('fonts/clanot-news-webfont.ttf') format('truetype'),

         url('fonts/clanot-news-webfont.svg#clanotnews') format('svg');

    font-weight: normal;    font-style: normal;

}

@font-face {

    font-family: 'clanotmedium';

    src: url('fonts/clanot-medium-webfont.eot');

    src: url('fonts/clanot-medium-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/clanot-medium-webfont.woff') format('woff'),

         url('fonts/clanot-medium-webfont.ttf') format('truetype'),

         url('fonts/clanot-medium-webfont.svg#clanotmedium') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'clanotthin';

    src: url('fonts/clanot-thin-webfont.eot');

    src: url('fonts/clanot-thin-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/clanot-thin-webfont.woff') format('woff'),

         url('fonts/clanot-thin-webfont.ttf') format('truetype'),

         url('fonts/clanot-thin-webfont.svg#clanotthin') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'amaranthbold_italic';

    src: url('fonts/amaranth-bolditalic-webfont-webfont.eot');

    src: url('fonts/amaranth-bolditalic-webfont-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/amaranth-bolditalic-webfont-webfont.woff') format('woff'),

         url('fonts/amaranth-bolditalic-webfont-webfont.ttf') format('truetype'),

         url('fonts/amaranth-bolditalic-webfont-webfont.svg#amaranthbold_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'amaranthregular';

    src: url('fonts/amaranth-italic-webfont.eot');

    src: url('fonts/amaranth-italic-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/amaranth-italic-webfont.woff') format('woff'),

         url('fonts/amaranth-italic-webfont.ttf') format('truetype'),

         url('fonts/amaranth-italic-webfont.svg#amaranthregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'alphamack_aoeregular';

    src: url('fonts/alphma__-webfont.eot');

    src: url('fonts/alphma__-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/alphma__-webfont.woff') format('woff'),

         url('fonts/alphma__-webfont.ttf') format('truetype'),

         url('fonts/alphma__-webfont.svg#alphamack_aoeregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_nova_rgregular';

    src: url('fonts/proximanova-regular-webfont.eot');

    src: url('fonts/proximanova-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/proximanova-regular-webfont.woff') format('woff'),

         url('fonts/proximanova-regular-webfont.ttf') format('truetype'),

         url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_novalight';

    src: url('fonts/proximanova-light.eot');

    src: url('fonts/proximanova-lightd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/proximanova-light.woff') format('woff'),

         url('fonts/proximanova-light.ttf') format('truetype'),

         url('fonts/proximanova-light.svg#proxima_novalight') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'open_sans_lightregular';

    src: url('fonts/opensans-light-webfont.eot');

    src: url('fonts/opensans-light-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/opensans-light-webfont.woff') format('woff'),

         url('fonts/opensans-light-webfont.ttf') format('truetype'),

         url('fonts/opensans-light-webfont.svg#open_sans_lightregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'OpenSans-Semibold';

    src: url('fonts/opensans-semibold.eot');

    src: url('fonts/opensans-semiboldd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/opensans-semibold.woff') format('woff'),

         url('fonts/opensans-semibold.ttf') format('truetype'),

         url('fonts/opensans-semibold.svg#opensans-semibold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_novasemibold';

    src: url('fonts/proximanova-semibold-webfont.eot');

    src: url('fonts/proximanova-semibold-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/proximanova-semibold-webfont.woff') format('woff'),

         url('fonts/proximanova-semibold-webfont.ttf') format('truetype'),

         url('fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'open_sansbold';

    src: url('fonts/opensans-bold-webfont.eot');

    src: url('fonts/opensans-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/opensans-bold-webfont.woff') format('woff'),

         url('fonts/opensans-bold-webfont.ttf') format('truetype'),

         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'amaranthregular';

    src: url('fonts/amaranth-webfont.eot');

    src: url('fonts/amaranth-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/amaranth-webfont.woff') format('woff'),

         url('fonts/amaranth-webfont.ttf') format('truetype'),

         url('fonts/amaranth-webfont.svg#amaranthregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'amaranthitalic';

    src: url('fonts/amaranth-italic-webfont.eot');

    src: url('fonts/amaranth-italic-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/amaranth-italic-webfont.woff') format('woff'),

         url('fonts/amaranth-italic-webfont.ttf') format('truetype'),

         url('fonts/amaranth-italic-webfont.svg#amaranthregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'oswaldregular';

    src: url('fonts/oswald-regular-webfont.eot');

    src: url('fonts/oswald-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('fonts/oswald-regular-webfont.woff') format('woff'),

         url('fonts/oswald-regular-webfont.ttf') format('truetype'),

         url('fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

        font-family: "Segoe Print";

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

        src: url('fonts/segoeprd41d.eot?#iefix') format('embedded-opentype'),

        url('fonts/segoepr.svg#Segoe Print') format('svg'),

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

        url('fonts/segoepr.ttf') format('truetype');

        font-weight: normal;

        font-style: normal;

}

@font-face {

        font-family: "Roboto";

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

        src: url('fonts/Roboto41d.eot?#iefix') format('embedded-opentype'),

        url('fonts/Roboto.svg#Segoe Print') format('svg'),

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

        url('fonts/Roboto.ttf') format('truetype');

        font-weight: normal;

        font-style: normal;

}



/***** video css start here *****/

#banner{width:100%; height:85%; background:#24242A url(../images/banner.jpg) center top no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; background-attachment:fixed; -webkit-background-attachment:fixed; -moz-background-attachment:fixed; z-index:9;}

.banner-video{width:100%; height:100%; position:fixed;}

.banner-video video{ width:100%; }



.bnr-img{ margin:0 auto; height:460px; z-index:999; text-align:center; padding-top:16%;}

.bnr-img img{ vertical-align:middle; text-align:center; padding-bottom:22px; display:block; margin:0 auto;}

.bnr-img h1{ font: 86px/70px 'clanotbold'; color:#FFF; text-transform:uppercase;}

.bnr-img h1 strong{ font: 42px/70px 'clanotbold'; color:#333; text-transform:uppercase; background:url(../images/home-banner-digital.png) 0 0px no-repeat; margin:0 auto; display:block; width:248px; height:72px; margin-bottom:25px;}

.bnr-img h2{ font: 34px/70px 'clanotbold'; color:#FFF; text-transform:uppercase;}

/***** video css end here *****/



/***** main wrapper css start here *****/

#main-wrapper{ width:100%; position:relative;}

/***** header part css start here *****/

.logo{ padding-left:25px; float:left;}

.logo img{transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; max-width:100%;}

header{ width:100%; background:#FFF; top:0; position:fixed; z-index:99; height:76px!important; padding-top:12px; transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; box-shadow:0 1px 1px #e9e9e9; -webkit-box-shadow:0 1px 1px #e9e9e9; -moz-box-shadow:0 1px 1px #e9e9e9; -ms-box-shadow:0 1px 1px #e9e9e9;}

header.sticky { position:fixed; top:67px; left:0; z-index:99; height:56px!important; background:#FFF; opacity:1!important; padding-top:0; transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s;}




/*li.enr {
    background: #00000078;
    border-radius: 10px;
}*/
.sticky .logo img{ max-width:81%; padding-top:5px}

/***** header right css start here *****/



/***** header right css end here *****/

body.sticky { margin-top: 45px;}

.inr-hdr{ opacity:1 !important;}



/*header.sticky nav ul li a{ padding:8px 0 8px 0 !important;}*/



nav{ float:right; padding-top:10px;} 

nav ul{ float:left;}

nav ul li{ display:inline-block; font: 14px/34px 'clanotmedium'; color:#bcbdbe; text-transform:uppercase; padding:0 8px;  position: relative;}

nav ul li a{ color:#424141; padding-bottom:15px; display: block; transition:none; padding:0 8px;}

nav ul li a:hover, nav ul li a.active{ background:#dc2611; color:#fff; border-radius:8px 8px 8px 8px;}



li.enr a {border-radius: 10px;background: #bcbdbe;}



.rgt{ float:right;}

.rgt span  {display: inline-block; font: 14px/46px 'clanotbold';  position: relative;    text-transform: uppercase;}

.rgt span a img{ display:none;}

.request-proposal{ background:url(../images/new-divder.jpg) left 10px no-repeat; padding:0 17px}

.request-proposal a{ color:#dc2611;font: 14px/34px 'clanotmedium';line-height: 43px;}

nav ul li.request-proposal span{ font: 700 15px/32px 'Noto Serif', serif; color:#323e49;}



nav ul li.services{ padding:0;}

nav ul li.services a{ padding:0 26px 8px 11px; border:4px solid #fff; border-bottom:none}

nav ul li.services a:after{background:url(../images/dropdown-arrow.png) 0 0px no-repeat;  content: ""; display: block; height: 15px; position: absolute; right: 13px; top:19px; width: 10px;}

nav ul li:hover.services a:after{ top:18px; right:9px}

nav ul li.services a img{ padding-top:8px}

nav ul li.services:hover a{ background:#fff; border:3px solid #dc2611; border-bottom:none; z-index:9999; position:relative; border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; -ms-border-radius:7px 7px 0 0; color:#3e3f47}

nav ul li.services ul.submenu li a{ border:none}

header nav ul li:hover ul.submenu{height:auto; visibility:inherit;}

nav ul li.services ul.submenu li a:after{ background:none;}



/***** submenu css start here *****/

header nav ul li .submenu{ visibility:hidden; width:865px; background:#ffffff; border:3px solid #dc2611; padding-top:20px; position: absolute; /*left:-62% !important;*/  right: -505px; top:42px !important;   border-radius:8px; opacity:1; z-index:999; box-shadow: 0 5px 4px #262626; 

-moz-border-radius:8px; 

-webkit-border-radius:8px; 

-ms-border-radius:8px;

-moz-box-shadow: 0 5px 4px #262626; 

-webkit-box-shadow: 0 5px 4px #262626; 

-ms-box-shadow: 0 5px 4px #262626;  

-webkit-transition: height 0.3s ease-in;

 -moz-transition: height 0.3s ease-in;

-o-transition: height 0.3s ease-in;

-ms-transition: height 0.3s ease-in;

transition: height 0.3s ease-in;

}





nav ul li .submenu li{ padding:0; width:190px; margin-left:15px; float:left; text-transform:capitalize}

nav ul li .submenu li ol{ padding:0; margin:0;}

nav ul li .submenu li ol li{font:13px/20px 'proxima_nova_rgregular'; color:#fff; margin:0; padding:3px 0;margin-left: -1px;}

nav ul li .submenu li ol li span{font: 13px/20px 'clanotbold'; color:#424141; text-transform:uppercase; border-bottom:1px solid #dbdcdd; padding-bottom:5px; margin-bottom:5px; display:inline-block }

nav ul li .submenu li ol li a{ color:#3e3f47; margin:0; padding:0; }

nav ul li .submenu li ol li a:hover{ color:#dc2611}

nav ul li .submenu li.tech-row{ width:100%; background:#f8f8f8; border-top:1px solid #e7e7e7; margin:35px 0 0 0; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -ms-border-radius: 0 0 8px 8px; padding:8px 0 20px}

nav ul li .submenu li.tech-row ol{ margin:0 18px;}

nav ul li .submenu li.tech-row ol li{ width:auto; padding:0 22px; position:relative;}

/*nav ul li .submenu li.tech-row ol li:first-child{ width:100%;}*/

nav ul li .submenu li.tech-row ol li a{ padding:0; background:none !important}

.downarrowclass{position: absolute; top: 12px; right: 13px;}

.rightarrowclass{position: absolute; top: 6px; right: 5px;}

/***** tooltip css *****/

nav ul li .submenu li.tech-row ol li a .tooltip { top:-24px; left:-88%; width:116px; text-align:center; background-color:#dc2611; padding:0px 10px; color:#fff;text-transform:none; border-radius:3px; opacity:0; font-family: 'clanotmedium'; font-size:11px; line-height:25px;

  position:absolute;

  -webkit-transition: opacity 0.5s;

  -moz-transition:  opacity 0.5s;

  -ms-transition: opacity 0.5s;

  -o-transition:  opacity 0.5s;

  transition:  opacity 0.5s;

}

nav ul li .submenu li.tech-row ol li:hover .tooltip { opacity:1;}

/***** tooltip css *****/

/***** submenu css end here *****/

/***** header part css end here *****/

/***** outstanding results section css start here *****/

#outstanding-results{ width:100%; background:#fff; padding-bottom:50px;}

/*.container{ width:1200px; *width:100%; margin:0 auto;}*/

article.special-service-col.brand {margin-left: 57px;}

.great-result-wrap{ width:985px; float:left; margin-top:33px}

.great-result-wrap h2{ color: #24242A;padding-bottom: 22px;font-family: 'Noto Serif', serif;
    font-size: 36px;line-height: 45px;}

.great-result-wrap h2 span{font-family: 'Noto Serif', serif;font-weight: 600;}

.marketing-agency-text{ width:400px; float:left;}

.marketing-agency-text h2{ font:34px/46px 'proxima_novalight'; color:#019bdc;}

.about-marketing-agency{ width:565px; float:right;}

.about-marketing-agency p{font:18px/32px 'Noto Serif', serif; color:#334654;}

/***** great seven year css start here *****/

.great-seven-year{ width:147px; float:right; text-align:center; background:#019bdc; padding:32px 0 20px; position:relative}

.great-seven-year:before{ content:""; background:url(../images/transparent-bg.png) left top repeat-x; height:6px; width:100%; display:block; position:absolute; top:-6px; left:0;}

.great-seven-year:after{ content:""; background:url(../images/bot-corner.png) left top repeat-x; height:36px; width:147px; display:block; position:absolute; bottom:-36px; left:0;}

.great-seven-year h4{font:74px/80px 'clanotbook'; color:#fff; text-shadow: 0 1px 3px #487019; -moz-text-shadow: 0 1px 3px #487019; -webkit-text-shadow: 0 1px 3px #487019; -ms-text-shadow: 0 1px 3px #487019;}

.great-seven-year h4 img{ vertical-align:top; padding-top:13px}

.great-seven-year p{font:28px/30px 'clanotbook'; color:#fff; text-transform:uppercase; text-shadow: 0 1px 3px #487019; -moz-text-shadow: 0 1px 3px #487019; -webkit-text-shadow: 0 1px 3px #487019; -ms-text-shadow: 0 1px 3px #487019;}

.great-seven-year p span{ font-size:19px}

/***** great seven year css start here *****/

/***** outstanding results section css end here *****/



/***** services section css start here *****/

.digital-services-wrap{ width:100%; background:#0296dd; padding:45px 0 17px; position:relative}

.digital-services-wrap .container:before{ content:"";background:url(../images/down-arrow01.png) center top no-repeat; width:100%; height:68px; display:block; position:absolute; top:-33px; left:0;}

.digital-services-wrap .container h3{font:45px/45px 'Noto Serif', serif; color:#fff; letter-spacing:-1px; padding-bottom:12px; text-align:center}

.digital-services-wrap .container h3 span{font: 700 50px/50px 'Noto Serif', serif; letter-spacing:-1.5px;}

.digital-services-wrap .container h6{font:26px/34px 'proxima_novalight'; color:#c9e8f6; text-align:center; padding-bottom:40px}

.services-details{ width:100%; float:left;}

.services-details ul{ width:520px; float:left;/*margin-left: -25px;
    margin-right: -47px;*/}

.services-details ul+ul{ float:right}

.services-details ul li{ display:block; padding-bottom:28px}

.services-details ul li figure{ float:left; margin:10px 25px 0 0;  min-width:87px; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; transform:translate-y(0px); -moz-transform:translate-y(0px); -webkit-transform:translate-y(0px); -ms-transform:translate-y(0px);}

.services-details ul li:hover figure{transform:translateY(-10px); -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px);}

.services-details ul li span{font:700 23px/26px 'Noto Serif', serif; letter-spacing:-0.5px; color:#fff; padding-bottom:12px; display:block}

.services-details ul li p{font:16px/29px 'Noto Serif', serif; color:#fff; text-align:left; overflow:hidden}

/***** services section css end here *****/



/***** about company wrapper css start here *****/

#about-company-wrap{ width:100%; background:url(../images/bg.jpg) left top repeat-x; padding:5px 0 50px;}

#about-company-wrap h3{font:45px/45px 'Noto Serif', serif; letter-spacing:-1.5px; color:#323f4e; text-align:center}

#about-company-wrap h3 span{font:700 45px/45px 'Noto Serif', serif; letter-spacing:-1.5px; }

#about-company-wrap h1{font-family: 'Noto Serif', serif;line-height: 45px; letter-spacing:-1.5px; color:#323f4e; text-align:center}

#about-company-wrap h1 span{font:700 45px/45px 'Noto Serif', serif; letter-spacing:-1.5px; }



/***** tabs css start here *****/

.hide { display: none;}

/***** tab box css start here *****/

.tab-box{ width:auto; display:table; height:51px; margin:32px auto 25px auto; background:#f8fafb; border:1px solid #d3e0e5; border-radius:10px 10px 0 10px; -moz-border-radius:10px 10px 0 10px; -webkit-border-radius:10px 10px 0 10px; -ms-border-radius:10px 10px 0 10px;}

.tab-box a{font:16px/51px 'clanotmedium'; color:#1a1c1e; padding:0 51px; float:left; border-left:1px solid #d3e0e5;}

.tab-box a:first-child{ border-left:none}

.tab-box a:first-child:hover{border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -ms-border-radius:3px 0 0 3px;}

.tab-box a.activeLink:first-child{border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -ms-border-radius:3px 0 0 3px;}

.tab-box a:hover, .tab-box a.activeLink{ background:#dc2611; color:#fff;text-decoration: none;}

.tab-box a#cont-3{ float:left; padding-left:50px}

.tab-box a#cont-3:hover, .tab-box a.activeLink#cont-3{border-radius:0 0px 0px 0; -moz-border-radius:0 0px 0px 0; -webkit-border-radius:0 3px 3px 0; -ms-border-radius:0 3px 3px 0;}



.tab-box a#cont-4{ float:left; }

.tab-box a#cont-4:hover, .tab-box a.activeLink#cont-4{border-radius:0 10px 0px 0; -moz-border-radius:0 10px 0px 0; -webkit-border-radius:0 3px 3px 0; -ms-border-radius:0 3px 3px 0;}



/***** tab box css end here *****/

/***** tabcontent css start here *****/

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

.text-col{ width:46%; float:left; margin-left:70px}

.text-col:first-child{ margin-left:0}

.text-col p{font:16px/29px 'Noto Serif', serif; color:#334654;}

.text-col .findout-more{font:13px/51px 'clanotnews'; color:#dc2611; border:1px solid #dc2611; display:inline-block; margin-top:18px; padding:0 25px; border-radius:10px 10px 0px 10px; position:relative;}



.text-col .findout-more:after{ content:""; background:url(../images/arrow01.png) right top no-repeat; width:6px; height:9px; display:inline-block; padding-left:12px}

.text-col .findout-more:hover{ background:#dc2611; color:#fff}

.text-col .findout-more:hover:after{ background-position:right -10px}

#cont-2-1 .text-col{ width:98%}

.we-are-diffrent{ width:100%; float:left;}

.we-are-diffrent ul{ width:520px; float:left; }

.we-are-diffrent ul li{ display:block;  color: #334654; font: 15px/33px 'clanotbook'; padding:12px 0 12px 0px; position:relative;}

.we-are-diffrent ul li figure{ float:left; margin:0 25px 0 0;}

.we-are-diffrent ul li figure img{ vertical-align:middle;}

.we-are-diffrent ul li span{color: #24242a; font: 22px/29px 'Noto Serif', serif; letter-spacing: -1px;}

.we-are-diffrent ul li span img{ margin:0 10px 0 0;}

.we-are-diffrent ul li p{ display:table; color: #334654; font: 15px/28px 'Noto Serif', serif; padding:0 0 0 0px;}

.make-impact{ width:100%; float:left; margin-top:25px}

.make-impact h4{ color: #24242a; font: 700 25px/35px 'Noto Serif', serif; letter-spacing: -1px; padding-bottom:15px; text-align:center;}

.make-impact .impact-img{ float:left; width:45%}

.make-impact ul{ float:right; width:45%;}

.make-impact ul li{ background: url(../images/sign-icon.png) no-repeat left 9px; color: #334654; display: block; font: 16px/29px 'Noto Serif', serif; padding: 0 0 15px 35px;}

/***** tabcontent css end here *****/

/***** tabs css end here *****/

/***** about company wrapper css end here *****/



/***** why should hire tis wrapper css start here *****/

#why-rwt{ width:100%; background:#353638 url(../images/why-rwt-bg.jpg) center top no-repeat; height:671px; padding:43px 0 0 0; overflow:hidden;  background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; background-attachment:fixed; -moz-background-attachment:fixed; -webkit-background-attachment:fixed; -ms--webkit-background-attachment:fixed;}

.why-should-hire-col{ /*width:380px;*/ float:left; text-align:right}

.why-should-hire-col h4{ font:56px/65px 'amaranthregular'; color:#fff; padding-bottom:15px}

.why-should-hire-col h4 span{font:68px/70px 'amaranthbold_italic';}

.why-should-hire-col h4 small{font-family:'amaranthbold_italic';color: #fff;}

.why-should-hire-col a{ font:23px/25px 'amaranthregular'; color:#fff; display:inline-block; background:url(../images/arrow02.png) right 10px no-repeat; padding-right:17px; transform:translateX(0px); -moz-transform:translateX(0px); -webkit-transform:translateX(0px); -ms-transform:translateX(0px);}

.why-should-hire-col a:hover{ background:url(../images/arrow.png) right 10px no-repeat; color:#019bdc; transform:translateX(10px); -moz-transform:translateX(10px); -webkit-transform:translateX(10px); -ms-transform:translateX(10px);}

.four-reason-row{ width:760px; float:right;}

.four-reason-col{ width:365px; float:left; border:1px solid #b2bcc1;  margin:0 0 25px 0; text-align:center; border-radius: 12px 12px 0; -moz-border-radius: 12px 12px 0; -webkit-border-radius: 12px 12px 0; -ms-border-radius: 12px 12px 0; position: absolute; height: 100%; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden;}

.four-reason-col figure{ padding-top:40px}

.four-reason-col p{font:19px/30px 'clanotnews'; color:#fff; padding-top:12px}

.f1ip_container{  float:left; margin:0 0 25px 15px;  position: relative; width: 365px; height: 268px; z-index: 1; float:left;}

.f1ip_card { width: 100%;  height: 100%; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: all 1.0s linear; -moz-transition: all 1.0s linear; -webkit-transition: all 1.0s linear; -ms-transition: all 1.0s linear;}

.f1ip_container:hover .f1ip_card { transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg);}

.face {position: absolute; height: 100%; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden;}



/***** on hover effect css start here *****/

.back { position:relative; display: block; transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg);  box-sizing: border-box; color: white; background:url(../images/hover-transparent-bg.png) left top repeat; border:1px solid #c7c6c3; /*padding:30px 20px 0 20px;*/  border-radius: 12px 12px 0; -moz-border-radius: 12px 12px 0; -webkit-border-radius: 12px 12px 0; -ms-border-radius: 12px 12px 0;padding: 10px;
    height: 275px;}

.back:before{ content:""; background:url(../images/moniter-img.png) right bottom no-repeat; width:173px; height:202px; display:inline-block; position:absolute; right:0; bottom:0}

.back h5{font:700 18px/26px 'Noto Serif', serif; color:#fff; padding-bottom:8px}

.back p{font:15px/26px 'Noto Serif', serif; color:#fff;}

/***** on hover effect css end here *****/

/***** why should hire tis wrapper css end here *****/



/***** special services wrapper css start here *****/

#special-services-wrap{ background:url(../images/bg.jpg) left top repeat; padding:30px 0 50px; border-bottom:1px solid #eee}

#special-services-wrap h3{color:#019BDC; text-align:center;padding-top: 5px;font-family: 'Noto Serif', serif;font-size: 37px;line-height: 45px;}

#special-services-wrap span{font-family: 'Noto Serif', serif;font-size: 36px;line-height: 45px;
    font-weight: 600;}

#special-services-wrap p{font:19px/28px 'Noto Serif', serif; color:#2e383c;padding: 15px 21px 7px 14px; text-align:center;}

.special-service-col{ /*width:272px; */float:left; margin-left:25px; padding-top:50px; position:relative; overflow:hidden; /*height:290px;*/}

.brand-col{ width:100%; text-align:center;}

.brand-col .brand-logo{ width:185px; height:185px; text-align:center; border:1px solid #47b8e2; padding-top:40px; margin:0 auto; border-radius:50%;}

.brand-col .magento-logo{border:1px solid #ff902a;}

.brand-col .joomla-logo{ border:1px solid #18c8ce;}

.brand-col .joomla-logo img{ padding-top:12px}

.brand-col .res-logo{ border:1px solid #0db396;}

.brand-col .res-logo img{ padding-top:18px}



.brand-col h5{ background:#3db4e1; font:17px/55px 'clanotmedium'; color:#fff; text-transform:uppercase; margin-top:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; box-shadow: 0 9px 12px #B7E3F4; -moz-box-shadow: 0 9px 12px #B7E3F4; -webkit-box-shadow: 0 9px 12px #B7E3F4; -ms-box-shadow: 0 9px 12px #B7E3F4; display:inline-block; min-width:230px; position:relative;}

.brand-col h5:before{ content:""; background:url(../images/top-arrow.png) center top no-repeat; width:29px; height:12px; display:block; position:absolute; top:-12px; left:45%;}

.brand-col h5.magento{background:#ff8515; box-shadow: 0 9px 12px #f3ceac; -moz-box-shadow: 0 9px 12px #f3ceac; -webkit-box-shadow: 0 9px 12px #f3ceac; -ms-box-shadow: 0 9px 12px #f3ceac;}

.brand-col h5.magento:before{ content:""; background:url(../images/magento-top-arrow.png) center top no-repeat; width:29px; height:12px; display:block; position:absolute; top:-12px; left:45%;}

.brand-col h5.joomla{background:#0cc5cc; box-shadow: 0 9px 12px #bceaed; -moz-box-shadow: 0 9px 12px #bceaed; -webkit-box-shadow: 0 9px 12px #bceaed; -ms-box-shadow: 0 9px 12px #bceaed;}

.brand-col h5.joomla:before{ content:""; background:url(../images/joomla-top-arrow.png) center top no-repeat; width:29px; height:12px; display:block; position:absolute; top:-12px; left:45%;}

.brand-col h5.responsive{background:#00c6a3; box-shadow: 0 9px 12px #b6eadf; -moz-box-shadow: 0 9px 12px #b6eadf; -webkit-box-shadow: 0 9px 12px #b6eadf; -ms-box-shadow: 0 9px 12px #b6eadf;}

.brand-col h5.responsive:before{ content:""; background:url(../images/res-top-arrow.png) center top no-repeat; width:29px; height:12px; display:block; position:absolute; top:-12px; left:45%;}



/***** onhover textbox css start here *****/

.special-service-col:hover .hover-textbox{opacity: 1; top: 48px; z-index: 9;text-decoration: none;}

.hover-textbox{ width:240px; min-height:215px; background:#3db4e1; /*padding:35px 15px;*/ text-align:center;  position:absolute; top:355px; transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; border-radius:3px; z-index:100 !important;}

.hover-textbox:before{ content:""; background:url(../images/top-arrow.png) center top no-repeat; width:29px; height:12px; display:block; position:absolute; top:-12px; left:45%;}

.hover-textbox h4{font:25px/30px 'clanotnews'; color:#fff; padding-bottom:0px}

#special-services-wrap .hover-textbox p{font:14px/24px 'Noto Serif', serif; color:#fff;}



.magento-hoverbox{ background:#ff8515;}

.magento-hoverbox:before{ background:url(../images/magento-top-arrow.png) center top no-repeat;}

.joomla-hoverbox{ background:#0cc5cc;}

.joomla-hoverbox:before{ background:url(../images/joomla-top-arrow.png) center top no-repeat;}

.responsive-hoverbox{ background:#00c6a3;}

.responsive-hoverbox:before{ background:url(../images/res-top-arrow.png) center top no-repeat;}

/***** onhover textbox css end here *****/

/***** special services wrapper css end here *****/



/***** marketing blog wrapper css start here *****/

#marketing-blo-wrap{ width:100%; background:#fff; padding:35px 0 55px}

#marketing-blo-wrap h3{font:700 50px/45px 'Noto Serif', serif; letter-spacing:-2px; color:#dc2611; text-align:center; padding-bottom:35px}

/***** blog post css start here *****/

.blog-post{ width:340px; float:left; background:#f3f5f6; padding:26px 26px 35px 26px; margin-left:12px}

.blog-post span{font:13px/20px 'proxima_nova_rgregular'; color:#3f3f44; padding:12px 0 6px; display:block}

.blog-post span img{ padding-right:5px; vertical-align:text-top}

.blog-post h4 a{font:16px/27px 'clanotmedium'; color:#24242a;}

.blog-post h4 a:hover{ color:#dc2611;}

.blog-post p{font:15px/28px 'Noto Serif', serif;; color:#334654; padding-top:7px}

/***** blog post css end here *****/

/***** marketing blog wrapper css end here *****/



/***** subscribe wrapper css start here *****/

#subscribe-wrap{ background:#807f7d url(../images/subscribe-bg.jpg) fixed center top no-repeat; height:165px; overflow:hidden; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; position:relative; background-attachment:fixed; -moz-background-attachment:fixed; -webkit-background-attachment:fixed; -ms--webkit-background-attachment:fixed;}



.blue-strip{ background:#159dd8; width:25%; height:165px; position:absolute; left:0; }

.subscribe-text-col{ width:270px; float:left; position:relative; background:#159dd8; height:125px; /*padding:20px 0*/}

.subscribe-text-col:after{ content:""; background:url(../images/subscribe-arrow.png) right top no-repeat; width:47px; height:165px; display:inline-block; position:absolute; right:-47px; top:0}

.subscribe-text-col h5{font:45px/50px 'amaranthbold_italic'; color:#fff}

.subscribe-text-col p{font:16px/25px 'amaranthregular'; color:#fff}

.subscribe-form{ width:865px; float:right; margin-top:50px; position:relative;}

.subscribe-form input{ background:url(../images/input-bg.png) left top repeat; width:620px; height:62px; float:left; border:1px solid #5f5c5c; padding:12px 10px 12px 70px; font:16px/20px 'amaranthbold_italic'; color:#fff; border-radius:10px 10px 0; -moz-border-radius:10px 10px 0; -webkit-border-radius:10px 10px 0; -ms-border-radius:10px 10px 0;}

.subscribe-form input[type="submit"]{ background:#86c14c; border:none; width:auto; height:62px; border-radius:10px 10px 0; -moz-border-radius:10px 10px 0; -webkit-border-radius:10px 10px 0; -ms-border-radius:10px 10px 0; padding:0 35px; margin-left:7px; font:19px/62px 'clanotbold'; color:#fff; text-transform:uppercase; transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s;}

.subscribe-form input[type="submit"]:hover{ background:#72ab3a;}

.subscribe-form .msg-icon{ position:absolute; left:14px; top:21px; }

/***** subscribe wrapper css end here *****/



/***** testimonial wrapper css start here *****/

.testmonial-wrap{width:100%; text-align:center; background:#fff}

.testmonial-wrap h2{font:35px/50px 'clanotmedium'; color:#3a91cf; padding:35px 0;}

.testmonial-wrap h2 span{font-family: 'clanotbold';}

.testmonial-wrap p{color:#5a5858; font:30px/25px 'Noto Serif', serif; letter-spacing:-0.5px; padding:35px 0 65px 0;}



.testimonial-slider{ width:1200px !important;}

.testimonial-slider .flick-slider{ height:auto; overflow: hidden;width: 973px;}

.testimonial-slider .flick-slider ul li{padding-top:10px;}

.testimonial-slider a{font-size: 23px;font-family: sans-serif; /*letter-spacing:-1px;*/color: #5a5858;line-height: 2; }

/*.testimonial-slider a span{font: 700 42px/53px 'Noto Serif', serif;}*/

.testimonial-slider .arrow-navigation.left, .testimonial-slider .arrow-navigation.right{ display:none;}

.testimonial-slider .dot-navigation{ width:100%; text-align:center; margin-top:30px;}

.testimonial-slider .dot-navigation ul li{ display:inline-block;}

.testimonial-slider .dot-navigation ul li .dot{ background:#d8d8d8; border:7px solid #f6f6f7; width:13px; height:13px; display:inline-block; cursor:pointer; margin:0 3px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; -ms-border-radius:100px;}

.testimonial-slider .dot-navigation ul li .active{ background:#019bdc;}

.flick-content a:hover{text-decoration: none;}

/***** testimonial wrapper css end here *****/



/***** excited lets talk wrapper css start here *****/

#letstalk-wrap{width:100%; background:#1489cb url(../images/excited-bg.jpg) center top no-repeat; height:auto; padding-bottom:25px; position:relative; background-attachment:fixed; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover;}

#letstalk-wrap .container:before { background: url(../images/down-arrow01.png) no-repeat center top; content: ""; display: block; height: 68px; left: 50%;    position: absolute; top: -30px; width: 68px;} 	 

.lets-talk-row{ width:100%;}

.lets-talk-row h2{ text-align:center; color:#fff;font:60px/65px 'amaranthbold_italic'; padding-top:50px;}

.lets-talk-row p{color:#8dcfec;font:22px/35px 'amaranthregular'; text-align:center;}	 

.lets-talk-row ul li p small{font:40px/45px 'alphamack_aoeregular'; color:#fff; display:block;}

.lets-talk-row ul li p, .lets-talk-row ul li p a{font:18px/25px 'clanotbook'; color:#fff; display:block;}











/*

.lets-talk-row ul{float:left; display:block;  margin-top:30px;}

.lets-talk-row ul li{float:left; padding:0 53px 25px 53px; text-align:center; position:relative; width:188px;}

.lets-talk-row ul li a{text-align:center; display:block;}

.lets-talk-row ul li span {display: inline-block; height: 122px; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -ms-transition: all 2s ease-in-out 0s; border-radius:100px;}

.lets-talk-row ul li figure{ height: 122px; line-height: 122px !important;  position: absolute;  top: 0;  vertical-align: middle;  width:188px; z-index: 2;}

.lets-talk-row ul li:hover span{transform:scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -ms-transform: scale(1.5);}

.lets-talk-row ul li p, .lets-talk-row ul li p a{font:18px/25px 'clanotbook'; color:#fff; display:block;}

.lets-talk-row ul li .ani_bg {background: none repeat scroll 0 0 #ffffff; border-radius: 100%; display: inline-block; height:108px; left:94px; position: absolute; top:7px; border:1px solid #fff; width:108px; z-index: 1; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); transition:all 1s ease 0s; -moz-transition:all 1s ease 0s;}



.lets-talk-row ul li:hover .ani_bg{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);}

.lets-talk-row ul li .ani_bg-2{ border:1px solid #ffffff; border-radius: 100%; display: inline-block; height:115px; width:113px; border-radius: 100%; opacity:0; position:absolute; left:91px; top:3px; }

.lets-talk-row ul li:hover .ani_bg-2{transform: scale(1.10); -moz-transform: scale(1.10); -webkit-transform: scale(1.10); -ms-transform: scale(1.10); display:block; opacity:1; transition:all 0.4s ease-in-out 0s;}



*/

.lets-talk-row ul{float:left; display:block;  margin-top:30px;}

.lets-talk-row ul li{float:left; padding:0 53px 25px 53px; text-align:center; position:relative; width:270px;}

.lets-talk-row ul li a{text-align:center; display:block;}





/***** excited lets talk wrapper css end here *****/



/***** social share wrapper css start here *****/

#social-share-wrap{ width:100%; background:#1c202b; padding:30px 0; border-top:1px solid #31353f; border-bottom:1px solid #2f333d;}

#social-share-wrap ul{ width:100%; float:left; text-align:center;padding-left: 80px;}

#social-share-wrap ul li{ float:left; padding-left:33px; min-width:250px;}

#social-share-wrap ul li.one{ padding-left:0}

#social-share-wrap ul li figure{ float:left; width:66px; height:66px; border:2px solid #2d3e61; border-radius: 50px; -moz-border-radius:50px; -webkit-border-radius:50px; -ms-border-radius:50px; transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; }



#social-share-wrap ul li:hover figure{  border:2px solid #2e3f63; border-radius:10px 10px 0; -webkit-border-radius:10px 10px 0; -o-border-radius:10px 10px 0;}



/*#social-share-wrap ul li:hover figure{ border:2px solid #2e3f63; border-radius:10px 10px 0; -webkit-border-radius:10px 10px 0; -o-border-radius:10px 10px 0;}*/





#social-share-wrap ul li.two:hover figure{ border:2px solid #185f82;}

#social-share-wrap ul li.three:hover figure{ border:2px solid #204e75;}

#social-share-wrap ul li.four:hover figure{ border:2px solid #185f82;}



#social-share-wrap ul li figure img{ padding-top:14px}



#social-share-wrap ul li.two figure{ border:2px solid #185f82;}

#social-share-wrap ul li.two h5{ color:#159dd8;}



#social-share-wrap ul li.three figure{ border:2px solid #204c72;}

#social-share-wrap ul li.three h5{ color:#247cbf;}



#social-share-wrap ul li.four figure{ border:2px solid #185f82;}

#social-share-wrap ul li.four h5{ color:#ce3631}

#social-share-wrap ul li h5{font:45px/50px 'clanotthin'; color:#3f5e9b;}

#social-share-wrap ul li h6{font:11px/20px 'clanotmedium'; color:#808288; text-transform:uppercase;margin-left: 78px;}
.social-share-wrap h5 a{color: #dc2611;}
h5.number a {color: #dc2611;text-decoration: none;}

/***** social share wrapper css end here *****/



/***** footer wrapper css start here *****/

footer{ width:100%; background:#24242A; padding:24px 0; text-align:center}

.foot-menu{ width:100%; }

.foot-menu li{ display:inline-block; font:13px/20px 'proxima_nova_rgregular'; color:#545454; text-transform:uppercase; padding:0 20px; background:url(../images/dot.gif) left 8px no-repeat;}

.foot-menu li:first-child{ background:none}

.foot-menu li a{color:#8d9598;}

.foot-menu li a:hover{ color:#fff;}

footer p{font:11px/20px 'proxima_nova_rgregular'; color:#8d9598; padding-top:12px }

/***** footer wrapper css end here *****/

/***** main wrapper css end here *****/



/* Wordpress page css start here */

#wpcont4-outer.gray-wrapper{background:#FAFAFB; border-top: 1px solid #E7E8E8;}

/* About Wordpress section css start here */

#wpcont-1-outer{width:100%; margin:75px 0 0 0; padding:0; background:#fff;} 

.wpcont-1-left{width:700px; float:left;}

.wpcont-1-left h1{font:700 50px/45px 'Noto Serif', serif; letter-spacing:-1.5px; color:#2892CF; padding:30px 0 10px 0;}

.wpcont-1-left p{font:25px/36px 'proxima_novalight'; color:#24242A; padding:5px 0 0 0;}

.wpcont-1-left ul{float:left; list-style-type:none; padding:20px 0 0 0; margin-bottom:25px}

.wpcont-1-left ul li{display:block; font:17px/26px 'Noto Serif', serif; color:#334654; background:url(../images/arrow01.png) left 16px no-repeat; padding:6px 20px;}



.wpcont-1-right{width:490px; float:right;}

.wpcont-1-right img{margin:15px 0 0 0;}

.request-button{ width:100%; float:left;margin-bottom: 23px;} 

.request-button a{ border: 1px solid #dc2611; border-radius: 10px 10px 0; color: #159dd8; display: inline-block; font: 700 14px/46px 'Noto Serif', serif; letter-spacing:-0.5px; margin-right:5px; padding: 0 16px; position: relative; text-transform:uppercase; }

.request-button a:after { background: url(../images/arrow.png) no-repeat right top; content: ""; display: inline-block; height: 9px; padding-left: 12px; width: 6px;}

.request-button .request-btn{background:#dc2611; color:#fff;}

.request-button .request-btn:after{background: url(../images/arrow02.png) no-repeat right top;}

.request-button a:hover { background:#dc2611; color: #FFFFFF;}

.request-button a:hover:after { background: url(../images/arrow02.png) no-repeat right top;}



.m-bot{ margin-bottom:15px 0 0 0!important; padding:0 0 15px 0!important;}

/* About Wordpress section css end here */



/* wp customization services section css start here */

#wpcont-2-outer{width:100%; margin:30px 0 0 0; padding:0; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background:url(../images/wordpresscont2bg.jpg)  center top; /*height:752px;*/ position:relative;} 

.wpcont-2{width:100%; margin:30px auto 0 auto; position:relative; z-index:1}

.wpcont-2 h2{font:700 37px/45px 'Noto Serif', serif; letter-spacing:-2px; color:#323639; text-align:center;}

.wpcont-2 p{font: 18px/28px 'Noto Serif', serif;  color:#019bdc; text-align:center; padding-top:10px}

.wpcont-2 p span{color:#39434e; font: 18px/30px 'Noto Serif', serif; display:inline-block}

.wpcont-2 p span.dropal-coust{ line-height:33px;}



/***** tab css start here *****/

.wordpress-tab-box { padding: 0 0 0px 8px; margin-top:25px; float:left; position:relative}

.wordpress-tab-box a { margin:9px 5px 0 0; z-index:999; height:22px; float:left; color:#fff;  text-decoration:none; background: #3e3431; font:14px/22px 'clanotbold'; text-transform:uppercase; text-align:center; transform:translateX(0px); -moz-transform:translateX(0px); -webkit-transform:translateX(0px); -o-transform:translateX(0px); -ms-transform:translateX(0px); 

-webkit-transition: all 500ms linear 0s;

-moz-transition: all 500ms linear 0s;

-o-transition: all 500ms linear 0s;

-ms-transition: all 500ms linear 0s;

transition: all 500ms linear 0s; padding:0 6px;}	

.wordpress-tab-box a.activeLink { background:#f1eeea; color:#fff;}

.wordpress-tab-box a span{ vertical-align:middle; display:table-cell; height:155px; width:146px}

.wpcont-2 .hide{ display:none;}

#conts-1{background:url(../images/blue1.png) 0px 0px no-repeat; width:146px; height:155px; position:absolute; left:40px; bottom:0; }

#conts-1:hover{margin-left:-5px;}

#conts-1.activeLink:after{ content:""; background:url(../images/c_active.png) 0px 0px no-repeat; width:20px; height:20px; position:absolute; top:118px; left:130px;}

#conts-2{background:url(../images/greenround.png) 0px 0px no-repeat; width:146px; height:152px; position:absolute; left:12%; top:177px; z-index:999;}

#conts-2.activeLink:after{ content:""; background:url(../images/green3icon.png) 0px 0px no-repeat; width:12px; height:14px; position:absolute; top:129px; left:114px;}

#conts-2:hover{margin-left:-5px;}

#conts-3{background:url(../images/blu2.png) 0px 0px no-repeat; width:146px; height:150px; position:absolute; left:300px; top:55px; }

#conts-3.activeLink:after{ content:""; background:url(../images/p_active.png) 0px 0px no-repeat; width:11px; height:14px; position:absolute; top:141px; left:96px;}

#conts-3:hover{margin-top:-3px;}

#conts-4{background:url(../images/orange1.png) 0px 0px no-repeat;  width:146px; height:155px; position:absolute; left:515px; top:0; }

#conts-4.activeLink:after{ content:""; background:url(../images/m_active.png) 0px 0px no-repeat; width:13px; height:15px; position:absolute; top:139px; left:40px;}

#conts-4:hover{margin-top:-3px;}

#conts-5{background:url(../images/blue-3.png) 0px 0px no-repeat;  width:146px; height:155px; position:absolute; left:725px; top:55px; } 

#conts-5.activeLink:after{ content:""; background:url(../images/s_active.png) 0px 0px no-repeat; width:17px; height:17px; position:absolute; top:128px; left:24px;}	

#conts-5:hover{margin-top:-3px;}

#conts-6{background:url(../images/green1.png) 0px 0px no-repeat;  width:146px; height:150px; position:absolute; left:895px; top:180px; }

#conts-6.activeLink:after{ content:""; background:url(../images/green.png) 0px 0px no-repeat; width:22px; height:13px; position:absolute; top:123px; left:12px;}

#conts-6:hover{margin-left:5px;}

#conts-7{background:url(../images/green2.png) 0px 0px no-repeat;  width:146px; height:155px; position:absolute; left:84%; bottom:0;}

#conts-7.activeLink:after{ content:""; background:url(../images/dot6.png) 0px 0px no-repeat; width:22px; height:13px; position:absolute; top:123px; left:12px;}

#conts-7:hover{margin-left:5px;}





.resp-tabs-list li.resp-tab-active a:after{ content:""; background:url(../images/c_active.png) 0px 0px no-repeat; width:20px; height:20px; position:absolute; top:118px; left:130px;}

.resp-tabs-list li+li.resp-tab-active a:after{ content:""; background:url(../images/green3icon.png) 0px 0px no-repeat; width:12px; height:14px; position:absolute; top:129px; left:114px;}

.resp-tabs-list li+li+li.resp-tab-active a:after{ content:""; background:url(../images/p_active.png) 0px 0px no-repeat; width:11px; height:14px; position:absolute; top:141px; left:96px;}

.resp-tabs-list li+li+li+li.resp-tab-active a:after{ content:""; background:url(../images/m_active.png) 0px 0px no-repeat; width:13px; height:15px; position:absolute; top:139px; left:40px;}

.resp-tabs-list li+li+li+li+li.resp-tab-active a:after{ content:""; background:url(../images/s_active.png) 0px 0px no-repeat; width:17px; height:17px; position:absolute; top:128px; left:24px;}	

.resp-tabs-list li+li+li+li+li+li.resp-tab-active a:after{ content:""; background:url(../images/green.png) 0px 0px no-repeat; width:22px; height:13px; position:absolute; top:123px; left:12px;}

.resp-tabs-list li+li+li+li+li+li+li.resp-tab-active a:after{ content:""; background:url(../images/dot6.png) 0px 0px no-repeat; width:22px; height:13px; position:absolute; top:123px; left:12px;}





.services-tabcontent{ position:relative; z-index:1; background: url(../images/blu-1img.png) no-repeat 0 0; float:left; height:361px; width:811px; margin:187px 180px 0 180px; text-align:center;}





.services-tabcontent h3{color:#293136; font:28px/40px 'clanotnews'; padding:7px 70px;}

/** content line add h5 sachin15-7-14 st **/

.services-tabcontent h5{ color:#293136; font:16px/30px 'clanotnews'; padding-bottom:10px; margin:0 auto; width:85%;}

/** content line add h5 sachin15-7-14 end **/

.services-tabcontent p{color:#34383b; font:15px/28px 'Noto Serif', serif;; padding:0 70px;}

.services-tabcontent img{margin:40px 0 0 0;}

.services-tabcontent .theme2_box {background: url(../images/green3.png) no-repeat 0 0; height:361px}

.services-tabcontent .theme3_box {background: url(../images/blue2img.png) no-repeat 0 0 ; height:361px}

.services-tabcontent .theme4_box {background: url(../images/orange1img.png) no-repeat 0 0; height:361px}

.services-tabcontent .theme5_box {background: url(../images/blue3img.png) no-repeat 0 0; height:361px;}

.services-tabcontent .theme6_box {background: url(../images/tabmain.png) no-repeat 0 0; height:361px;}

.services-tabcontent .theme7_box { background:url(../images/green2img.png) no-repeat 0 0; height:361px;}

/***** tab css end here *****/

/* wp customization services section css end here */



/* Hire a Wordpress Developer section css start here */

#wpcont3-outer{width:100%; padding:20px 0; background:#159dd8;}

#wpcont3-outer .container{ text-align:center}

#wpcont3-outer .container h3{font:31px/40px 'clanotbook'; color:#fff;  display:inline-block; text-transform:capitalize}	 

#wpcont3-outer .container a.touch{background:#41afe0; border-radius:5px; -moz-border-radius:5px; -webkit-:5px; -o-border-radius:5px; color:#fff; font:23px/61px 'clanotbold'; text-align:center; width:260px; margin-left:50px;  display:inline-block;  text-transform:uppercase; border-top:1px solid #66b0e6; border-left:1px solid #71c3e8; border-top:1px solid #71c3e8; text-shadow: 0 2px 2px #2A88B2; -webkit-text-shadow: 0 2px 2px #2A88B2; -ms-text-shadow: 0 2px 2px #2A88B2;}	

#wpcont3-outer .container a.touch:hover{ background:#39a6d6}

/* Hire a Wordpress Developer section css end here */



/* customization of your Wordpress site section css start here */

#wpcont4-outer{width:100%; margin:0; padding:0; background:#fff; padding:30px 0}  

#wpcont4-outer .container h2{ text-align:center; color:#24242A;font:700 40px/45px 'Noto Serif', serif; letter-spacing:-2px; padding-bottom:10px;}

#wpcont4-outer .container h3{ text-align:center; color:#373c42; font: 20px/35px 'clanotmedium'; }



.cont4-left{ width:600px; float:left;}

.cont4-right{width:565px; float:right;}

.Wpsite-box{ width:600px; float:left; margin:15px 0 0 0;}

.Wpsite-box img{ float:left; padding:10px 15px 0 0; transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease;}

.content-writing-col{ width:460px; float:right; margin-top:20px; text-align:center; background:#f1f1f6; padding:15px; border-radius:3px;}

.content-writing-col p{color:#334654; font:19px/38px 'open_sans_lightregular';}

.Wpsite-box:hover img{margin-top:-10px;}

#wpcont4-outer .container .Wpsite-box h3{ color:#24242A; font:700 20px/29px 'Noto Serif', serif; letter-spacing:-1px; padding:2px 0 10px; text-align:left;}

.Wpsite-box p{ color:#334654;font:16px/29px 'Noto Serif', serif; display:table; padding:0 40px 0 0;}	

.Wpsite-box h3{ color:#24242A; font:20px/34px 'OpenSans-Semibold'; } 

/* customization of your Wordpress site section css end here */



/* Why Hire Our Wordpress Developers section css start here */

#wpcont5-outer{width:100%; margin:0; padding:30px 0; background:#fafafb; border-top:1px solid #e7e8e8;}

#wpcont5-outer .container h2{ text-align:center; color:#24242A; font:700 40px/45px 'Noto Serif', serif; letter-spacing:-2px; padding-bottom:20px;}

#wpcont5-outer .container h2 span{font-family:'clanotmedium'}	

#wpcont5-outer .container h6{ color: #39434e; font: 18px/30px 'Noto Serif', serif; text-align:center}

.wpcont5left{width:715px; float:left;}

.wpcont5left ul{list-style-type:none; float:left; margin-top: 13px;}

.wpcont5left ul li{font:16px/29px 'Noto Serif', serif; color:#3e3e48; width:100%; float:left; padding-bottom:10px}

.wpcont5left ul li p{font:16px/29px 'Noto Serif', serif; color:#3e3e48; padding:0 20px 0 62px; display:table}

.wpcont5left ul li figure{float:left;}

.wpcont5left ul li figure img{vertical-align:middle; padding:0 20px  0 0;}

.wpcont5right{width:420px; float:right;}	 

.wpcont5right ul{list-style-type:none; float:left; margin:20px 0 0 0;}

.wpcont5right ul li{font:55px/95px 'clanotbook'; text-align:right; color:#159dd8;width:100%; float:left; background:url(../images/wordpressrgtli.jpg) left top repeat-x;display:inline-block; padding:0; }	 

.wpcont5right ul li span{ font:16px/29px 'Noto Serif', serif;; color:#3e3e48; display:inline-block; float:right; width:255px; padding:20px 0 0 18px; text-align:left;} 

/* Why Hire Our Wordpress Developers section css end here */



/* Wordpress portfolio section css start here */

#wpcont6-outer{width:100%; background:#159dd8; padding:30px 0;}	 

#wpcont6-outer .container h2{ text-align:center; color:#fff; font:700 40px/45px 'Noto Serif', serif; letter-spacing:-2px; padding-bottom:10px}

#wpcont6-outer .container p{ text-align:center; color:#fcfeff;font: 18px/28px 'Noto Serif', serif; padding:0px 0 30px 0;}

#wpcont6-outer .container ul li a img{float:left;  -webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

-ms-transition: all 0.5s ease;

  transition: all 0.5s ease; }

#wpcont6-outer .container ul li a img:hover{margin-top:-10px;}

#wpcont6-outer .container ul {float:left; margin:0 100px;}

#wpcont6-outer .container ul li{float:left; min-height:270px; margin:0 19px 0 0;}

#wpcont6-outer .container ul li.view-portfolio-btn{ min-height:inherit; display:block; width:98%; margin-top:15px; font:13px/46px 'clanotnews'; color:#fff; text-align:center; text-transform:uppercase; }

#wpcont6-outer .container ul li.view-portfolio-btn a{background:#41afe0; color:#fff; display:block; border:1px solid #66bfe6; border-bottom:1px solid #2d93c1; border-right:1px solid #2d93c1;  border-radius: 10px 10px 0; -moz-border-radius: 10px 10px 0; -webkit-border-radius: 10px 10px 0; -ms-border-radius: 10px 10px 0; transform:translateX(0px); -moz-transform:translateX(0px); -webkit-transform:translateX(0px); -ms-transform:translateX(0px);}

#wpcont6-outer .container ul li.view-portfolio-btn a:hover{ background:#3ca4d2; transform:translateX(10px); -moz-transform:translateX(10px); -webkit-transform:translateX(10px); -ms-transform:translateX(10px);}

#wpcont6-outer .container ul li.view-portfolio-btn a img{ float:none; vertical-align:inherit; padding-left:5px}

/* Wordpress portfolio section css end here */



/* Why most wordpress websites fail section css start here */

#wpcont7-outer{width:100%; padding:30px 0}	 

.wpcont7left{width:580px; float:left;}

.wpcont7right{width:540px; float:right;}

.wpcont7left h2{ color:#24242a; font:700 25px/35px 'Noto Serif', serif; letter-spacing:-1px;}

.wpcont7left ul {float:left; padding:0 0 35px 0; position:relative; margin:20px 30px 0 0;}

.wpcont7left + .wpcont7left{ float:right; padding-right:0}

.wpcont7left ul:after{ content:""; background:url(../images/li.jpg) right top no-repeat; height:100%; width:4px; display:inline-block; position:absolute; right:-37px; top:0}

.wpcont7left + .wpcont7left ul:after{ background:none}

.wpcont7left ul li figure img{float:left; margin:11px 20px 0 0;}

.wpcont7left ul li figure{float:left; transition:all 1s ease 0s; transform:translateY(0px);}

.wpcont7left ul li{float:left; margin:0 0 40px 0; width:100%; }

.wpcont7left ul li:hover figure{ transform:translateY(-10px);}

.wpcont7left ul li h3{font:700 20px/29px 'Noto Serif', serif; letter-spacing:-1px; color:#24242A;}

.wpcont7left ul li p{font:15px/28px 'Noto Serif', serif;; color:#334654; padding:10px 30px 0 67px;}

/* Why most wordpress websites fail section css end here */



/* From the blog section css start here */

#wpcont9-outer{width:100%; margin:0; padding:30px 0; background:#f6f9fc;}

#wpcont9-outer .container{width:1200px; margin:0 auto; text-align:center;}	  	 

#wpcont9-outer .container figure{text-align:center;}	 

#wpcont9-outer .container h2{ text-align:center; color:#24242A; font:38px/45px 'clanotbook'; letter-spacing: 4px; text-transform:uppercase;}

#wpcont9-outer .container p{color:#334654; font:15px/25px 'clanotbook'; text-align:center; padding: 6px 0 8px;}	 

.wpcont9left{width:580px; float:left; text-align:left!important; margin:30px 0 0;}

.wpcont9left + .wpcont9left{ float:right}

.wpcont9left h3{font:20px/29px 'Noto Serif', serif; color:#050505; }

#wpcont9-outer .container .wpcont9left p{font:16px/29px 'Noto Serif', serif; color:#334654; text-align:left!important; padding-top:10px;}

#wpcont9-outer .container .wpcont9left p a{ font-size:11px; color:#3192d2;}

/* From the blog section css end here */

/* Wordpress page css start here */





/* wordpress news page start here 20/5/2014 */

.hire-developer{ width:100%; margin:30px auto 40px auto;}

.hire-developer h1{font:700 50px/45px 'Noto Serif', serif; letter-spacing:-2px; color:#3292d1; text-align:center; padding-bottom:15px; text-transform:capitalize}

.hire-developer p{font:22px/38px 'clanotbook'; color:#55636C; text-align:center; padding-bottom:10px}

.hire-developer p span{ color:#019BDC;}

.hire-developer ul{ list-style-type:none; padding:0; margin-top:30px; margin-bottom:30px; display:inline-block; margin-left:65px;}

.hire-developer ul li{ width:156px; height:auto; float:left; padding:0 0 14px 0; border:solid #dadada 1px; border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px; text-align:center; margin-left:20px;}

.hire-developer ul li:first-child{margin-left:0px;}

.hire-developer ul li img{ padding-top:18px; padding-bottom:14px; vertical-align:middle; transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}

.hire-developer ul li:hover img{transform:translateY(-7px); -moz-transform:translateY(-7px); -webkit-transform:translateY(-7px); -ms-transform:translateY(-7px);}
.hire-developer ul li span{font:17px/23px 'clanotmedium'; color:#2e3234; display:block;}




.per-hour{ position:relative; padding-bottom:30px;}

.per-hour-box{ border:solid #ebebeb 1px; border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px; background:#FFF; padding:5px; height:64px; width:860px; margin:0 auto; position:absolute; left:11%; top:-69px;}

.blue-box{ background:#308bc7; position:relative; border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px; width:630px; height:64px; float:left;}

.blue-box:after{ width:35px; height:51px; content:""; display:block; position:absolute; right:0px; top:8px; background:url(../images/caul.jpg) 0 0 no-repeat;}

.blue-box:before{ width:34px; height:54px; content:""; display:block; position:absolute; left:4px; top:6px; background:url(../images/progress-icon.jpg) 0 0 no-repeat;}



.blue-box h3{font:19px/25px 'clanotmedium'; color:#cfe4f2; display:inline-block; width:250px; text-align:center; padding-top:20px;}

.blue-box h3 span{ font-size:36px; color:#FFF; padding-left:8px; vertical-align:middle;}

.blue-box img{ vertical-align:top; padding-top:2px;}



.get-srt-bt{  width:auto; float:right;}

.get-srt-bt a{font:20px/41px 'clanotmedium'; color:#FFF; display:block; padding:10px 28px; background:#67c431; border-bottom:solid #3b8612 2px; border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px;}

.get-srt-bt a:hover{ background:#5cb22a;}

.hire-wd{ width:780px; float:left; padding:0; margin-top:30px;}

.hire-wd h3{font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; color:#24242A; padding-bottom:20px;}

.hire-wd h3 span{ font-family: 'Noto Serif', serif;}

.hire-wd ul{ list-style-type:none; padding:0;}

.hire-wd ul li{ background:url(../images/arrow01.png) 0 11px no-repeat; font:16px/29px 'Noto Serif', serif; color:#334654; padding-left:15px; padding-bottom:8px;}



.how-it-work{ width:360px; float:right; padding:0; background:#FFF; margin-top:35px;}

.how-it-work img{ vertical-align:middle;}

.how-it-work h3{font:30px/35px 'clanotbook'; color:#308bc7; padding-bottom:15px;}

.how-it-work h3 span{ font-family: 'clanotmedium';}

.how-it-box{ padding:30px 30px 0 22px;}

.how-it-box ul{ list-style-type:none; padding-bottom:50px;}

.how-it-box ul li{ font:14px/28px 'Noto Serif', serif; background:url(../images/how-it-work-icon.jpg) 0 12px no-repeat; padding-left:20px; padding-bottom:5px; color:#334654;}



#let-our-expert{ width:100%; background:#FFF; padding:30px 0 55px 0; border-top:solid #e9e9e9 1px;}

.let-expeorts h2{font:700 40px/45px 'Noto Serif', serif; letter-spacing:-2px; color:#24242A; text-align:center; padding-bottom:20px;}

.let-expeorts h2 span{ font-family: 'clanotmedium';}

.let-left{ width:560px; float:left; padding-right:25px;}

.let-left p{font:16px/29px 'Noto Serif', serif; color:#334654; padding-bottom:30px;}

.let-left:first-child{ padding-right:0px;}



.let-left ul{ list-style-type:none;}

.let-left ul li{background:url(../images/arrow01.png) 0 11px no-repeat; font:16px/29px 'Noto Serif', serif; color:#334654; padding-left:15px; padding-bottom:8px;}

.project-suss{ width:525px; float:right;}

/* wordpress news page end here 20/5/2014 */



.wpcont7left .col-left{ width:95%; padding-bottom:15px}

.wpcont7left + .wpcont7left .col-left{ margin-right:0;}

.wpcont7left .col-left li{color: #334654; font: 16px/29px 'Noto Serif', serif; background:url(../images/sign-icon.png) left 9px no-repeat;  margin:0; padding:0 0 5px 35px; width:auto; display:block; float:none}

.wpcont7left .col-right li{background:none; padding:0 0 20px 0;}

.wpcont7left .col-right li span{font:20px/28px 'OpenSans-Semibold'; letter-spacing:-0.5px; color:#24242A; display:block; padding-bottom:5px}

.wpcont7left p{font:22px/32px 'Noto Serif', serif; color:#24242A; padding-top:10px}





/* seo page css start here */

.wpcont-1-left-seo{width:700px; float:left;}

/*.wpcont-1-left-seo h1{font:700 48px/45px 'Noto Serif', serif;  letter-spacing:-2px; color:#dc2611; padding:30px 0 10px 0; text-transform:capitalize}

*/.wpcont-1-left-seo h2{font-family: 'Noto Serif', serif;font-size: 36px;line-height: 45px;  /*letter-spacing:-2px;*/ color:#dc2611; padding:30px 0 10px 0; text-transform:capitalize}

.wpcont-1-left-seo h5{font:24px/36px 'proxima_novalight'; color:#24242A; padding:5px 0 10px 0;}

.wpcont-1-left-seo p{font: 17px/33px 'Noto Serif', serif; color:#334654; padding:5px 0 20px 0;}

.request-seo{ width:auto; display:inline-block}





.request-seo .green-bt{ background:#dc2611; border-left:solid #dc2611 1px; border-top:solid #dc2611 1px; box-shadow:1px 1px 0px #69ad25;}





.want-seo{ width:1000px; margin:0 auto;}

.want-seo h3{ line-height:50px!important;}

.good-reasons{ width:640px;}

.good-img{ float:right; width:550px; padding-bottom:50px;}

.good-img img{ vertical-align:middle;}

.consider{ display:table;}

.g-search{ padding:0; position:absolute; bottom:0px; right:0px;}

.g-search img{ vertical-align:middle;}

.considr-coustmazation{ border-bottom: solid #eeeeee 1px; padding-bottom:40px!important;}

#wpcont4-outer .container p{color: #334654; font: 16px/29px 'Noto Serif', serif; padding: 0 0px 0px 0;}

#wpcont5-outer .container h5{color: #334654; font: 16px/29px 'Noto Serif', serif; padding: 0 0px 10px 0; text-align:center;}

#wpcont5-outer .container h4{color: #24242A; font:700 20px/29px 'Noto Serif', serif; letter-spacing:-1px; padding: 18px 0px 0px 0;}



.consider ul{}

.consider ul li{color: #3E3E48; float: left; font: 16px/29px 'Noto Serif', serif; padding-bottom: 10px; padding-left:5%; width: 95%; background:url(../images/arrow01.png) 0 8px no-repeat;}

.consider ul li strong{ font-weight:bold; display:block;}

/* seo page css end here */





/* asp page css start here 22/5/2014 */

.asp-pro{ width:1090px;}

.asp-left{ float:left;}

.asp-right{ float:right; width:645px;}

.flex-bdr{ border-top: solid #eeeeee 1px; padding-top:20px; margin-top:20px;}

.flex-bdr .container{ padding-bottom:18px}

.wpcont5left .wpcont7left ul:after{ background:none;}

#wpcont4-outer .good-img{ padding-bottom:25px;}

.e-com{ margin-bottom:0px; text-align:center;}

/*#wpcont4-outer .container h2{ font:700 20px/29px 'Noto Serif', serif; letter-spacing:-1px; text-align:left;}*/

#wpcont-1-outer .container{ position:relative;}

/* asp page css end here */

/* asp-left-right-box section start here */

.asp-left-box{ width:535px; float:left; padding:0;}

.asp-right-box{ width:640px; float:left; padding-bottom:18px;}

#wpcont4-outer .container .asp-right-box p{ padding:5px 0 6px}

#wpcont4-outer .container p a{ color:#019BDC}

.asp-right-box ul{ list-style-type:none; padding-top:10px;}

.asp-right-box ul li{color: #3E3E48; float: left;  font: 16px/29px 'Noto Serif', serif;  padding-bottom: 10px;  width: 100%;}

.asp-right-box ul li figure{ float:left; padding-right:25px;}



.sign-box{ width:100%; float:left; margin-top:12px}

.sign-box h5{font:700 20px/29px 'Noto Serif', serif; letter-spacing:-1px;  color:#24242A}

.sign-box ul{padding-top:5px; margin:0; width:100%}

.sign-box ul li{  background: url(../images/sign-icon.png) no-repeat left 9px; color: #334654; display: block; float: none; font: 16px/29px 'Noto Serif', serif; margin: 0; padding: 0 0 3px 35px; width: auto; text-align:left; border:none;}

.sign-box ul li a{color:#019BDC}

.asp-float-panel{ float:right;} 

.asp-right-box h4{  font:700 20px/29px 'Noto Serif', serif; letter-spacing:-1px; text-align: left;}

.designing-left-col{ width:560px;}

/* asp left right box section end here */





/***** packages wrapper start here *****/

.pkg-wrp{ padding:20px 0 70px 0; width:1000px; margin:0 auto;}

.pkg-wrp h2{ text-transform:uppercase; float:left; font:14px/18px latobold; width:255px; text-align:center; height:65px; padding:39px 0px 0 0px;color:#086aa7;  background:url(../images/pkg-h2.html) 0 0 repeat-x; border:1px solid #e2e1e1; border-radius:4px 4px 0 0; -ms-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0;}

.pkg-wrp ul{ float:right; margin-bottom:0;}

.pkg-wrp ul li{   font:14px/15px latobold; float:left;  font-size:14px; background:url(../images/li-bg.png) repeat-x; border-right:1px solid #e2e1e1; height:98px; width:187px; text-align:center; margin-left:0; border-bottom:none; border-left:none; border-top:none;

border-radius:4px 0px 0 0;-ms-border-radius:4px 0px 0 0; -webkit-border-radius:4px 0px 0 0;-o-border-radius:4px 0px 0 0; padding:0 0px;  }

.pkg-wrp ul li.ppc{width:225px;}

.pkg-wrp ul li.ppc + li  {background: url(../images/package-gren-li.png) repeat-x 0 0; border: 0 none; border-radius: 4px 4px 0 0; height: 119px; line-height: 37px; margin: -21px 0 0; position: relative;}

.pkg-wrp ul li.ppc + li:before{ left:0;content:""; background: url(../images/most.png) 0 0 no-repeat; width:72px; height:59px; position:absolute;}

.pkg-wrp ul li.ppc + li + li{background:#035A9D!important; margin-top:0; height:98px;}

.pkg-wrp ul li.ppc + li + li:before{background:none;}

.pkg-wrp ul li.ppc + li + li span{padding:0;}

.pkg-wrp ul li.smo{width:185px;}

.pkg-wrp ul li span{ color:#fff;  text-transform:uppercase; font-size:16px; font-family:'proxima_nova_rgregular'; line-height:25px; display:block; padding:13px 0 0 0; }.pkg-wrp ul li + li{background:url(../images/li-bg.png) repeat-x; border:0px; height:98px; border-radius:0px;}

.pkg-wrp ul li + li + li{ position:relative;background:url(../images/package-gren-li.png) repeat-x; height:119px; margin:-21px 0 0 0;  line-height:37px; border:0px; border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;}

.pkg-wrp ul li + li + li:before{ left:0;content:""; background: url(../images/most.png) 0 0 no-repeat; width:72px; height:59px; position:absolute;}

.pkg-wrp ul li + li + li span{ color:#fff;  text-transform:uppercase; font-size:16px; font-family:'proxima_nova_rgregular'; line-height:60px; }

.pkg-wrp ul li + li + li p{ color:#fff;   font:35px/1px 'clanotmedium'; }

.pkg-wrp ul li + li + li + li:before{ background:none;}

.pkg-wrp ul li + li + li + li{background:#035a9d; height:98px; margin:0 0 0 ; border:0px; border-radius:0px 4px 0 0;-ms-border-radius:0px 4px 0 0; -webkit-border-radius:0px 4px 0 0;-o-border-radius:0px 4px 0 0;}

.pkg-wrp ul li + li + li + li span{ color:#fff;  text-transform:uppercase; font-size:16px; font-family:'proxima_nova_rgregular'; line-height:25px; display:block; padding:13px 0 0 0; }

.pkg-wrp ul li + li + li + li p{ color:#fff;   font:35px/35px 'clanotmedium'; }

.pkg-wrp ul li p{ color:#fff;   font:35px/35px 'clanotmedium'; }

.pkg-wrp table:before{ height:0; width:100%; display:block; content:"";}

.pkg-wrp table{}

.pkg-wrp table tr td:first-child{width:256px;border-left:1px solid #e7e7e7; text-align:left; padding-left:20px; background:#eef4fa url(../images/first-child-shadow.html) right repeat-y;}

.pkg-wrp table thead tr td:first-child{width:265px; border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; text-align:left; padding-left:20px; background:#eef4fa url(../images/first-child-shadow.html) right repeat-y; border-radius:4px 0 0 0;}

.pkg-wrp table tr.hdt td:first-child{padding-left:22px;}

.pkg-wrp table tr td{ color:#485055;  font:14px/25px 'proxima_nova_rgregular'; width:224px; text-align:center;  padding:13px 0; 

background: #fff; /* Old browsers */ border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;



}

.pkg-wrp table tr.hdt{ width:787px; background:url(../images/htd-img.png) repeat-x; height:47px;}

.pkg-wrp table tr.hdt td{font:14px/45px 'proxima_nova_rgregular'; color:#485055; padding:0; text-transform:uppercase;  border-right:1px solid #e7e7e7; background:url(../images/htd-img.png) repeat-x;}

.pkg-wrp table tr.hdt td:nth-child(5){ border-right:1px solid #e7e7e7;}



.pkg-wrp ul.bot-price{ float:right; margin:0;}

.pkg-wrp h3{  background: linear-gradient(to bottom, #F5F5F5 0%, #FFFFFF 0%, #FFFFFF 48%, #F5F5F5 100%) repeat scroll 0 0 transparent;

 border-bottom: 1px solid #E7E7E7;  border-right: 1px solid #E7E7E7; color: #646A71;  font: 13px/23px  'clanotmedium';  padding: 16px 0;  text-align: center;  width: 257px; float:left; border-left: 1px solid #E7E7E7; border-radius: 0 0 0 6px; -mox-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; -ms-border-radius: 0 0 0 6px; -o-border-radius: 0 0 0 6px;}

.pkg-wrp ul.bot-price li{ color: #fff; font: 27px/27px 'proxima_nova_rgregular';  float:left;  font-size:14px; border-right: 1px solid #e2e1e1;   height:55px; width:184px; text-align:center; border-radius:0px 0 0px 4px;-ms-border-radius:0 0 0px 4px ; -webkit-border-radius: 0 0 0px 4px ;-o-border-radius:0 0 0px 4px ; padding:0 0px;  }

.pkg-wrp ul li.bot-price span{ color:#fff;  text-transform:uppercase; line-height:37px;}

.pkg-wrp ul.bot-price li + li{ border-radius:0px; border:none; height:55px;}

.pkg-wrp ul.bot-price li + li + li{background:url(../images/package-gren-li.png) repeat-x; margin:0px; height:60px; border-radius:0px 0 4px 4px;-ms-border-radius:0 0 4px 4px ; -webkit-border-radius: 0 0 4px 4px ;-o-border-radius:0 0 4px 4px ; border:none;}

.pkg-wrp ul.bot-price li + li + li:before{background:none;}

.pkg-wrp ul.bot-price li + li + li + li{  background:url(../images/li-bottom-bg.png) repeat-x; height:55px; border-radius:0px 0 4px 0px;-ms-border-radius:0 0 4px 0px ; -webkit-border-radius: 0 0 4px 0px ;-o-border-radius:0 0 4px 0px; border:none;}

.pkg-wrp ul.bot-price li p{ color:#fff; font:27px/55px 'clanotmedium'; }

.pkg-wrp table tr td.td-shadow{ background: #fff url(../images/td-shadow.png) right repeat-y; }

/********* price & packages page css end here *********/



.sign-box-package{ width:1200px; float:none; margin:12px auto 0 auto; border:none; padding:0 0 50px 0; text-align:left}

.sign-box-package h5{font: 16px/25px 'clanotmedium'; color:#24242A; padding:0 0 10px 0;}

.sign-box-package h2 span{color:#0981CB;}

.sign-box-package h2 span a{color:#0981CB;}

.sign-box-package h2{padding:15px 0;}



/********* portfolio page css start here *********/

.client-work-row{ width:100%; text-align:center; padding:55px 0 35px}

.client-work-row h1{font: 80px/90px 'clanotnews'; color:#3a3d37; text-transform:uppercase;}

.client-work-row h6{font:22px/30px 'clanotnews'; color:#3a3d37; text-transform:uppercase;  padding: 10px 0 20px;}

.client-work-row p{font: 16px/26px 'proxima_nova_rgregular'; color:#353637}



.com-portfolio{ width:100%; margin:0 auto; position:relative;}

.com-portfolio .portfolio-nav{ float:right;}

.com-portfolio .portfolio-nav li{ float:left; color:#3f444a; font:14px/26px 'clanotmedium'; padding:0 12px;}

.com-portfolio .portfolio-nav li a{ color:#3f444a}

.com-portfolio .portfolio-nav li a:hover, .com-portfolio .portfolio-nav li a.current{ color:#84be33;}

.com-portfolio .portfolio-nav li a img{ padding-right:5px}



.client-work-row h1 img{ vertical-align:baseline; margin:0 5px; transition: all .3s ease-in-out; -webkit-animation-name: beat; -moz-animation-name: beat; -ms-animation-name: beat; -o-animation-name: beat; animation-name: beat; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: normal; -moz-animation-fill-mode: normal; -ms-animation-fill-mode: normal; -o-animation-fill-mode: normal; animation-fill-mode: normal; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite;}



@-webkit-keyframes beat {

  0% {-webkit-transform: scale(1);}

  50% {-webkit-transform: scale(1.1);}

  100% {-webkit-transform: scale(1);}

}



@-moz-keyframes beat {

  0% {-moz-transform: scale(1);}

  50% {-moz-transform: scale(1.1);}

  100% {-moz-transform: scale(1);}

}



@keyframes beat {

  0% {transform: scale(1);}

  50% {transform: scale(1.1);}

  100% {transform: scale(1); }

}



.portfolio-row{ width:100%; margin:32px 0 20px; float:left; min-height:450px;}

.portfolio-row ul{ height:auto}

.portfolio .portfolio-detail-col{ float:left; width:36%; position:relative;}

.portfolio-detail-col img{ width:100%;}

.portfolio .portfolio-col2{ float:left; width:20.9%; margin:0 0 0.2% 0.2%; position:relative; z-index: 1;}



.portfolio .portfolio-col2 img{ width:100%; }

.portfolio .item {display: none; opacity: 0;}

#filter-list .active a{ color:#84BE33}

.portfolio .item a { width:100%; display:block}

.portfolio-text-row{ width:1200px; margin:0 auto 20px auto; text-align:center; position:relative;}

.portfolio-text-row p{font: 32px/40px 'proxima_novalight'; color:#353637}

.portfolio-text-row p span{font:47px/50px 'proxima_novalight'; color:#78bb0f}

.portfolio-text-row h6{font:40px/45px 'alphamack_aoeregular'; color:#9e9e9e; padding:5px 0 10px}

.portfolio-text-row .more-portfolio{ background:#0e89d6; font:17px/62px 'clanotmedium'; color:#fff; display:inline-block; padding:0 60px; border:1px solid #89c5eb; border-bottom:1px solid #4d6e84; border-right:1px solid #4d6e84; border-radius:13px 13px 0 13px; margin-top:20px;}

.portfolio-text-row .more-portfolio:hover{ background:#139aef;}



/***** portfolio isotope css *****/

.isotope-item {	z-index: 2;}

.isotope-hidden.isotope-item {pointer-events: none;	z-index: 1;}

.isotope,  .isotope .isotope-item {

	/* change duration value to whatever you like */

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	-ms-transition-duration: 0.8s;

	-o-transition-duration: 0.8s;

	transition-duration: 0.8s;

}

.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	-ms-transition-property: height, width;

	-o-transition-property: height, width;

	transition-property: height, width;

}

.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform, opacity;

	-ms-transition-property: -ms-transform, opacity;

	-o-transition-property: -o-transform, opacity;

	transition-property: transform, opacity;

}

/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition,  .isotope.no-transition .isotope-item,  .isotope .isotope-item.no-transition {

	-webkit-transition-duration: 0s;

	-moz-transition-duration: 0s;

	-ms-transition-duration: 0s;

	-o-transition-duration: 0s;

	transition-duration: 0s;

}

/***** portfolio isotope css *****/



/***** portfolio on hover css start here *****/

.portfolio .thumb_pad{ overflow:hidden}

.pic-caption{position:absolute;width:100%;height:100%;background: url(../images/portfolio-transparent-bg.png) repeat left top; text-align:center;-moz-opacity:0; -khtml-opacity:0; opacity:0; z-index:9}



.portfolio .thumb_pad .pic-image{transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);  overflow:hidden}

.portfolio .thumb_pad:hover .pic-image{transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1);}



.thumb_pad:hover .pic-caption{ opacity:1; }

.pic-caption .hover-text{ margin-top:32%}

.pic-caption .hovertext{ margin-top:22%}

.pic-caption span{color: #fff; font: 23px/30px 'clanotbold';  padding:25px 10px 10px 10px; display:block}

.pic-caption ul{ width:100%; padding-bottom:10px}

.pic-caption ul li{color: #eaeaea; font: 15px/24px 'proxima_nova_rgregular'; padding:0 8px; display:inline-block; background:url(../images/orange-bulet.png) left 9px no-repeat;}

.pic-caption .web-logo img{ width:auto}



.portfolio .logos .pic-caption{ display:none}

/***** portfolio on hover css end here *****/

/********* portfolio page css end here *********/

/* asp-left-right-box section end here */



/* Corporate Identity Services start here css */

.headng-part{ width:100%; text-align:center;}

.headng-part h2{  color: #373C42; font: 39px/42px 'clanotmedium'; padding-bottom: 10px; text-align: center;}

.sign-box ul:after{ background:none;}

.interspire-customization{ width:auto; padding:0;}

.interspire-customization p{ font:16px/29px 'Noto Serif', serif; color:#334654;}

#wpcont5-outer .wpcont7left h2{color: #24242A; font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; text-align:left; padding:0;}

#wpcont5-outer .sign-box h5{font: 16px/25px 'clanotmedium'; color:#24242A; text-align:left;} 

.redesigning-panel{ width:100%; margin:0 auto;}

/*--slider-css-end--*/

.career-slider-outer{ width:100%; margin:0 auto ; background:#FFFFFF; padding:15px 0 5px 0; border-top:1px solid #F2F2F2;}

#makeMeScrollable { width: 100%; height: auto; position: relative; }

#makeMeScrollable div.scrollableArea img { position: relative; float: left; margin: 0; padding: 0; margin-right: 2px; max-width: none;

-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

div.scrollingHotSpotLeft { 

min-width: 75px; width: 10%; height: 100%; background-position: center center; position: absolute; z-index: 200; left: 0; }

div.scrollingHotSpotLeftVisible { background-image: url(../images/arrow_left.gif.png); background-color: #fff; background-repeat: no-repeat; opacity: 0.35;  -moz-opacity: 0.35;  filter: alpha(opacity = 35); zoom: 1; cursor:pointer;}

div.scrollingHotSpotRight { min-width: 75px; width: 10%; height: 100%; background-position: center center; position: absolute; z-index: 200; right: 0;}

div.scrollingHotSpotRightVisible { background-image: url(../images/arrow_right.gif.png); background-color: #fff; background-repeat: no-repeat; opacity: 0.35; filter: alpha(opacity = 35); -moz-opacity: 0.35; zoom: 1; cursor:pointer; }

div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }

div.scrollableArea { position: relative; width: auto; height: 100%; }

.career_slider { margin:0 auto; padding:0;}

/*--slider-css-end--*/

/* Corporate Identity Services end here css */



/*--slider-css-end--*/

div.queueslider button { top:150px;}

div.queueslider { position:relative; overflow:hidden; width:100%; height:450px; }

div.queueslider ul.queue { position:absolute; top:0; left:0; display:block; margin:0; padding:0;  }

div.queueslider ul.queue li { float:left; display:block; text-align:center; }

div.queueslider button { z-index:100; position:absolute; display:block; margin:0; padding:5px; outline:none; border:none; cursor:pointer; }

div.queueslider button.previous { left:0; background:url(../images/prev-bt.png) 0 0 no-repeat; width:45px; height:91px; text-indent:-999em;}

div.queueslider button.next { right:0; background:url(../images/next-bt.png) 0 0 no-repeat; width:45px; height:91px; text-indent:-999em; }

/*--slider-css-end--*/



#wpcont5-outer .wpcont7left h5{ text-align:left; float:left; }

.wpcont7left .sign-box ul{ padding-bottom:10px;}



/*---------------career-page-css-start-here--------*/

#career-top-part{background:url(../images/career.jpg) repeat-x; margin: 75px auto 0 auto; padding: 0; width: 100%; height:374px;}

#career-top-part h1{ font:80px/90px clanotnews; color:#FFFFFF; text-transform:uppercase; text-align:center; padding:120px 0 0 0;}

#career-top-part p{ font:22px/25px clanotnews; color:#FFFFFF; text-align:center; }



#career-contant{ width:100%; margin:0 auto; background:#FFFFFF; padding:25px 0 10px 0;}

#career-contant-mid{ width:1200px; margin:0 auto;}

#career-contant-mid p {color: #334654; font: 16px/29px 'Noto Serif', serif;  padding: 5px 0 20px;}

#career-contant-mid p a{ color:#2892CF}

.opening-outer-part{ width:100%; padding:20px 0; background:#f9f9f9; border-top:1px solid #f2f2f2;}

.opening-part{ width:1200px; margin:0 auto;}

.opening-part:after{ width:100%; height:0; clear:both; content:""; display:block;}



.opening-part-row{ width:1200px; margin:0 auto; margin:0 0 25px 0;}

.opening-part-row:after{ width:100%; height:0; display:block; clear:both; content:"";}



.opening-part h2 {color: #2b2626; font: 31px/40px 'clanotnews'; padding:0 0 25px 0;}

.opening-part h2 span{ color: #2b2626; font: 31px/40px 'clanotbold'}



.opening-part .box{ width:524px; float:left; box-shadow: 1px 1px 2px #c1c1c1; padding:25px 20px; background:#ffffff; margin:0 25px 0px 0; min-height:355px; border-radius:5px;}

.opening-part .box h5{color: #2892CF; font:18px/25px 'clanotmedium'; padding:0 0 10px 0;}

.opening-part .box h5 span{ color: #3E3E48; padding:0; margin:0;}

.opening-part .box p {color: #334654; font: 17px/26px 'proxima_nova_rgregular'; }

.opening-part .box h6{color: #353637; font: 17px/26px 'clanotmedium'; margin:20px 0 5px 0;}

.opening-part .box ul{ list-style:none;}

.opening-part .box ul li{color: #353637; font: 17px/26px 'proxima_nova_rgregular'; background:url(../images/sign-icon.png) no-repeat left 7px; padding:0 0 0 24px;}



.opening-part .box .bt{ border-radius: 10px 10px 0; border-left:solid #6abfe3 1px; border-top:solid #6abfe3 1px; box-shadow:1px 1px 0px #6abfe3; color: #FFF; display: inline-block; font:700 14px/46px 'Noto Serif', serif; letter-spacing:-1px;  padding: 0px 30px 0px 15px; position: relative; text-transform:uppercase; background:#019bdc url(../images/career-bt-icon.html) no-repeat 93% 17px; margin:15px 0 0 0; float:left;}

.opening-part .box .bt:hover{ background:#2ea6db url(../images/career-bt-icon.html) no-repeat 93% 17px;;}

.view-more{ float:left;}





.opening-part .box .bt-2{ border: 1px solid #6ABFE3; border-radius: 10px 10px 0; color: #159dd8; display: inline-block; font:700 14px/46px 'Noto Serif', serif; letter-spacing:-0.5px;  padding: 0 16px; position: relative; text-transform:uppercase; float:left; margin:15px 0 0 10px;}

.opening-part .box .bt-2:after { background: url(../images/arrow.png) no-repeat right top; content: ""; display: inline-block; height: 9px; padding-left: 12px; width: 6px;}

.opening-part .box .bt-2:hover { background:#019BDC; color: #FFFFFF; border:1px solid #3290cc}

.opening-part .box .bt-2:hover:after { background: url(../images/arrow02.png) no-repeat right top;}



.opening-part .box .close{ border: 1px solid #6ABFE3; border-radius: 10px 10px 0; color: #159dd8; display: inline-block; font: 13px/46px 'clanotnews';  padding: 0 16px; position: relative; text-transform:uppercase; float:left; margin:15px 0 0 10px; opacity:inherit;}

.opening-part .box .close:after { background: url(../images/arrow.png) no-repeat right top; content: ""; display: inline-block; height: 9px; padding-left: 12px; width: 6px;}

.opening-part .box .close:hover { background:#019BDC; color: #FFFFFF; border:1px solid #3290cc}

.opening-part .box .close:hover:after { background: url(../images/arrow02.png) no-repeat right top;}



#imgread-cloase{ display:none;} 

#imgread-cloase-2{ display:none;} 

#imgread-cloase-3{ display:none;} 

#imgread-cloase-4{ display:none;} 



.career-slider-outer{ width:100%; margin:0 auto ; background:#FFFFFF; padding:15px 0 5px 0; border-top:1px solid #F2F2F2;}

.career-slider-outer h2{ text-align:center; color:#24242A; font:38px/45px 'clanotbook'; letter-spacing: 4px; text-transform:uppercase; text-align:center; padding:0 0 15px 0;}

/*---------------career-page-css-end-here--------*/





/*---------------testimonial-page-css-star-here--------*/

.testi-outer{ width:100%; margin:0; background:#f8f9f8; padding:40px 0;}

.testimonial-row{ width:1000px; margin:0 auto 40px auto;}

.testimonial-row:after{ width:100%; height:0; clear:both; content:""; display:block;}

.testi-box-left{float:left; }

.testi-box-right{float:right; }



.testi-box{ width:480px; margin:0; padding:0; }



.testi-box-inner{ padding:37px 25px 25px 25px; background:#ffffff; border-radius:5px; position:relative;   box-shadow: 1px 1px 2px #C1C1C1; float:left;}

.testi-box-inner:before{ width:46px; height:44px; content:""; clear:both; display:block; position:absolute; left:43%; top:-18px; background:url(../images/quotation.png) no-repeat;}



.testi-box-inner:after{ width:45px; height:38px; content:""; clear:both; display:block; position:absolute; right:100px; bottom:-38px; background:url(../images/after-arrow.png) no-repeat;}

.testi-box-inner h4{ color: #3292D1; font: 18px/30px 'clanotmedium'; padding:0 0 15px 0;}

.testi-box-inner p {color: #55636C!important; font: 15px/29px 'Noto Serif', serif!important; font-style:italic!important;}

.testi-box-inner .read-bt{ color: #3292D1; display: inline-block; font: 13px/25px 'clanotmedium';  padding: 10px 15px 0 0; position: relative; text-transform:uppercase; background:url(../images/arrow.png) no-repeat right 17px; outline:none;}





.client-box{ padding:40px 0 0 0; float:right;}

.client-box:after{ width:100%; height:0; clear:both; content:""; display:block;}

.client-box-txt{ padding:0; float:left; margin:0 10px 0 0;}

.client-box-txt h5{color: #3292D1; font: 15px/25px 'proxima_nova_rgregular';  padding:0; text-align:right;}

.client-box-txt p{color: #55636C!important; font: 13px/16px 'clanotbook'!important; text-align:right;}

.client-image-box { float:right; border-radius:30px;   box-shadow: 1px 1px 2px #C1C1C1;}



#imgread-cloase-01{ display:none;} 

#imgread-cloase-02{ display:none;} 

#imgread-cloase-03{ display:none;} 

#imgread-cloase-04{ display:none;} 

#imgread-cloase-05{ display:none;} 

#imgread-cloase-06{ display:none;} 

#imgread-cloase-07{ display:none;} 

#imgread-cloase-08{ display:none;} 

#imgread-cloase-09{ display:none;} 

#imgread-cloase-10{ display:none;} 

#imgread-cloase-11{ display:none;} 

#imgread-cloase-12{ display:none;} 

#imgread-cloase-13{ display:none;} 

#imgread-cloase-14{ display:none;} 

#imgread-cloase-15{ display:none;} 

#imgread-cloase-16{ display:none;} 

#imgread-cloase-17{ display:none;} 

#imgread-cloase-18{ display:none;} 

#imgread-cloase-19{ display:none;} 

#imgread-cloase-20{ display:none;} 

/*---------------testimonial-page-css-end-here--------*/





/*---------------zen-cart-page-css-start-here--------*/

.zec-cart-bot{ width:1200px; margin:0 auto;}

.zec-cart-bot h5{    color: #334654;  font: 20px/30px 'proxima_novalight';  padding: 5px 0 5px; text-align:center;}

.zec-cart-bot h4{    color: #24242A000;  font: 25px/36px 'proxima_novalight';  text-align:center;}

/*---------------zen-cart-page-css-end-here--------*/



/*---------------terms-page-css-start-here--------*/

.terms-part-3{ width:100%; margin:0 auto; }

.terms-part-3 h1{ color: #2892CF; font: 45px/50px 'clanotmedium';  padding: 30px 0 0; text-align:center;}

.terms-part-3 h5 {color: #24242A000; font: 25px/36px 'clanotmedium'; padding: 5px 0 10px; }

.terms-part-3 p { color: #334654; font: 16px/29px 'Noto Serif', serif; padding: 5px 0 20px; text-align:center; border-bottom:1px solid #E9E9E9;}



.terms-part{ width:100%; margin:0 auto; padding:10px 0 0px 0;}

.terms-part-2{ width:100%; margin:0 auto; padding:0px 0 10px 0; background:#fbfbfb;}

.terms-part h1{ color: #2892CF; font: 45px/50px 'clanotmedium';  padding: 30px 0 0; }

.terms-part h5 {color: #24242A000; font: 25px/36px 'clanotmedium'; padding: 5px 0 10px; }

.terms-part p { color: #334654; font: 16px/29px 'Noto Serif', serif; padding: 5px 0 20px; }

.terms-part-left{ float:left; width:570px; padding:0 0 15px 0;}

.terms-part-right{ float:right; width:570px; padding:0 0 15px 0;}



.terms-part ul{ list-style:none;}

.terms-part li { background: url("../images/sign-icon.png") no-repeat scroll left 9px rgba(0, 0, 0, 0); color: #334654; display: block; float: none;  font: 16px/29px 'Noto Serif', serif; margin: 0; padding: 0 0 5px 35px;  width: auto;}





.refund-left{ width:730px; float:left; padding:10px 0;}

.refund-right{  float:left; margin:0 0 0 70px; padding:10px 0;}

/*---------------terms-page-css-end-here--------*/





/*---------------site-map-page-css-start-here--------*/

.pad-top{ padding-top:15px!important}

.terms-part .site-map-part{ width:1000px; margin:0 auto;}

.terms-part-2 .site-map-part{ width:1200px; margin:0 auto;}

.terms-part .site-map-part h2 { color: #2892CF; font: 45px/50px 'clanotmedium';  text-align:center; padding:10px 0;}



.terms-part .site-map-part p { color: #334654; display: block; float: none; font: 22px/38px 'clanotbook'; margin: 0; width: auto; text-align:center!important;}



.site-map-part:after{ width:100%; height:0; clear:both; content:""; display:block;}

.site-map-left{ width:400px; float:left; margin:20px 0 0 0;}

.site-map-right{ width:500px; float:right; margin:20px 0 0 0;}

.site-map-left h4 {color: #2892CF; font: 20px/35px 'clanotmedium';}

.site-map-left h5 { color:#2892CF; font: 17px/30px 'clanotmedium'; text-align: left;  padding:0 0 0 15px; background: url("../images/bullet.jpg") no-repeat scroll left 7px; margin:0 0 0 5px;}

.site-map-left h5 a{ text-decoration:none; color:#2892CF;}

.site-map-left ul{ list-style:none; margin:0 0 0 35px;}

.site-map-left ul li {color: #2892CF; display: block; float: none; font: 15px/28px 'proxima_nova_rgregular'; margin: 0; width: auto; padding-left:15px; background: url("../images/bullet.jpg") no-repeat scroll left 3px ;}

.site-map-right h4 {color: #2892CF; font: 17px/30px 'clanotmedium'; padding:0;}

.site-map-right h5 { font: 17px/30px 'clanotmedium'; text-align: left;}



.site-map-right ul{ list-style:none; margin:0 0 0 15px;}



.site-map-right ul li {color: #2892CF; display: block; float: none; font: 15px/28px 'proxima_nova_rgregular'; margin: 0; width: auto; padding-left:15px;  background: url("../images/bullet.jpg") no-repeat scroll left 3px ;}

/*---------------site-map-page-css-end-here--------*/





/** services page css start here **/

.services-design{ width:1200px; margin:0 auto;}

.services-design ul{ list-style-type:none;}

.services-design ul li{ width:250px; height:auto; padding:0 10px 0 10px; margin:0; border:none;}

.services-design ul li figure{ border:solid #e6e9e6 5px; -webkit-border-radius:100px; border-radius:100px; width:175px; height:175px; margin:0 auto;}

.services-design ul li figure img{ text-align:center; vertical-align:middle;}

.services-design ul li h5{font: 17px/25px 'clanotmedium'; text-align: center; color:#222420; padding-top:10px;}

.services-design ul li figure:hover{border:solid #19a4df 5px;}

.services-design ul li:first-child{ padding-left:0px;}



.creavite-design-part{ width:100%; padding:35px 0;}

.creavite-design-part:after{ width:100%; height:0px; clear:both; display:block; content:"";}

.gray-bg{ background:#f8f9f8; border-top:solid #eaebea 1px; border-bottom:solid #eaebea 1px;}

.c_d-left-box{ width:535px; float:left; padding:0;}

.c_d-right-box{ width:640px; float:left; padding-bottom:15px;}

.c_d-right-box h2{font: 30px/35px 'clanotmedium'; color:#222420;}

.c_d-right-box h2 img{ padding:0;}

.c_d-right-box p{font: 16px/29px 'Noto Serif', serif; color:#334654; padding-top:15px; padding-bottom:10px;}

.c_d-right-box ul{ list-style-type:none; display:inline-block;}

.c_d-right-box ul li{ font:17px/30px 'proxima_novalight'; color:#4e9512; padding:5px 0;}

.c_d-right-box ul li a{ text-decoration:none; color:#4e9512; }

.c_d-right-box ul li img{ padding:0px; vertical-align:middle; padding-right:13px}

.c_d-right-box span{font: 15px/21px 'proxima_nova_rgregular'; font-style:italic; color:#4e9512; padding-top:15px; padding-bottom:10px; display:inline-block;}

.crd-ul{ width:305px; float:left;}



.fornt-end{ width:100%; height:433px; background:url(../images/fornt-end.jpg) 0 0 no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; }

.fornt-end2{ width:100%; height:400px; background:url(../images/web_app.jpg) 0 0 no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; }

.fornt-end3{ width:100%; height:433px; background:url(../images/integrated-marketing.jpg) 0 0 no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover;}

.fornt-end4{ width:100%; height:433px; background:url(../images/dedicated-resource.jpg) 0 0 no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover;}



.creative-float{ float:right;}

.mid-contant-box:before{ clear:both; width:100%; content:""; display:block;}

.mid-contant-box{ width:100%; text-align:center;}

.mid-contant-box h2{  color: #24242A; font: 700 40px/45px 'Noto Serif', serif; letter-spacing:-2px; padding-bottom: 10px;}

.mid-contant-box p{  color: #334654; font: 16px/29px 'Noto Serif', serif; padding: 0; text-align:left;}

#corapte-section{ width:100%; padding-bottom:25px;} 

/** services page css end here **/



/** about us page css start here**/

.about-section{ width:100%; background:url(../images/about-bg.jpg) center 0 no-repeat;}

.about-continer{ width:1200px; margin:0 auto; background:#FFF; margin-top:440px; z-index:999; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -o-border-radius:5px 5px 0px 0px; -ms-border-radius:5px 5px 0px 0px;}

.about-continer h1{ font:70px 'clanotmedium'; color:#3292d1; text-transform:capitalize; text-align:center; padding:20px 0 0 0;}

.about-text{ width:1130px; margin:25px 35px;}

.about-text-left-panel{ width:550px; float:left;}

.about-text-left-panel h2{ font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; color:#212325; padding-bottom:10px;}

.about-text-left-panel h2 span{ text-transform:uppercase;}

.about-text-left-panel p{ font:16px/29px 'Noto Serif', serif; color:#334654; padding-bottom:20px;}

.about-text:after{ width:100%; height:0px; content:""; display:block; clear:both;}

.about-bdr{ border-bottom:solid #e2e2e2 1px;}

.about-text-left-panel img{ padding-bottom:25px; padding-top:15px;}

.about-text-left-panel.asp-float-panel{ float:right;}



#meet-our-team{ width:100%; background:#3292d1; text-align:center; padding:25px 0; position:relative;}

#meet-our-team:after{ position:absolute; left:50%; bottom:-17px; width:29px; height:17px; background:url(../images/meet-arrow.html) 0 0 no-repeat; content:""; z-index:9;}

#meet-our-team h2{ font: 700 50px/45px 'Noto Serif', serif; letter-spacing:-1px; color:#FFF;}

#meet-our-team p{ font:30px/40px 'open_sans_lightregular'; color:#FFF; padding-top:10px}

.meet-gallery{ width:100%; display:inline-block;}

.meet-gallery ul{ list-style-type:none;}

.meet-gallery ul li{ width:16.66%; float:left; position:relative; overflow:hidden}

.meet-gallery ul li img{ width:100%;}

.meet-team{   background: url(../images/hover-transparent-bg.png) repeat right bottom; width:100%; position:absolute; top:90%; display:block; opacity:0; height:100%; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0);}

.meet-team h3{color: #fff; font: 20px/25px 'clanotmedium'; padding:15px 0 2px 15px}

.meet-team p{color: #fff; font: 15px/24px 'proxima_nova_rgregular';  padding:0px 0 10px 15px}

.meet-gallery ul li:hover .meet-team{opacity:1; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}



.experiment{ width:1200px; margin:0 auto;}

.experiment h3{ font:42px/55px 'open_sans_lightregular'; letter-spacing:-1px; color:#28282e; text-align:center; padding:25px 0; }

.experiment-section{ width:1145px; display:inline-block;}

#previmg2{background:url(../images/prev-btn.jpg) no-repeat; position:absolute; right:14px; cursor:pointer; top:0px; width:55px; height:64px;}

#nextimg2{background:url(../images/next-btn.jpg) no-repeat;  position:absolute; right:14px; top:66px; cursor:pointer; width:55px; height:64px;}



.mid-gallery-outer{ width:100%; position:relative; height:950px;}

.mid-gallery-outer-inner{ width:1130px!important;}

.wpcont7left .Wpsite-box p{ font:16px/29px 'Noto Serif', serif;}

/** about slider css start here**/

.flick-slider{ width:1145px; height:903px; margin:0 auto; overflow:hidden;}

.flickerplate {	position:relative; width:1146px; }

.flickerplate ul.flicks {width:10000%; height:100%; padding:0px; margin:0px; list-style:none;}

.flickerplate ul.flicks>li {float:left; width:1%; height:100%; background-position:center; background-size:cover; display:table;}

.flickerplate ul.flicks>li .flick-inner {height:100%; padding:10px; color:#fff; display:table-cell; vertical-align:middle;}

.flickerplate .arrow-navigation { position:absolute; height:64px; width:55px; top:0; z-index:9; overflow:hidden;}

.arrow-navigation .arrow {display:block; height:64px; width:55px;}

.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {cursor:pointer;}

.arrow-navigation.left {right:-55px;}

.arrow-navigation.left .arrow {opacity:1; margin:0px 0px 0px 0; background:url(../images/prev-btn.jpg) 0 0 no-repeat;}

.arrow-navigation.right {right:-55px; top:66px;}

.arrow-navigation.right .arrow {opacity:1;margin:0px 0px 0px 0;background:url(../images/next-btn.jpg)0 0 no-repeat;}



.flickerplate.animate-transform-slide ul.flicks {-webkit-perspective:1000; -webkit-backface-visibility:hidden; transform:translate3d(0%,  0px,  0px);

	-webkit-transform:translate3d(0%,  0px,  0px); -webkit-transition:-webkit-transform 0.6s; -o-transition:-o-transform 0.6s;

	-moz-transition:-moz-transform 0.6s; transition:transform 0.6s;}

.flickerplate.animate-transition-slide ul.flicks {position:relative; left:0%; -webkit-transition:left 0.4s ease-out;-moz-transition:left 0.4s ease-out; -o-transition:left 0.4s ease-out; -ms-transition:left 0.4s ease-out; transition:left 0.4s ease-out;}

.flickerplate.animate-jquery-slide ul.flicks {position:relative;left:0%;}

.flickerplate.animate-scroller-slide {padding-bottom:0px;overflow:auto;}

.flickerplate.animate-scroller-slide ul.flicks {position:auto;}

/** about slider css end here**/



#wpcont13-outer .container p{ color: #334654; font: 16px/29px 'Noto Serif', serif; padding: 0;}

/** about us page css end here**/



/**career popup css start here**/

.pop-continer{ width:100%; margin-top:300px;}

.pop-continer:after{ clear:both; display:block; content:""; width:100%; height:0;}

.we-need-you{ width:100%; background:#059dde; padding:15px 0; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}

.we-need-you h2{ font: 700 40px/40px 'Noto Serif', serif; letter-spacing:-1px; color:#FFF; text-align:center; text-shadow:0 -1px #000000}

.we-need-you span{  display:block; margin-top:2px; text-align:center;}

.we-need-you label{background:#059dde; color: #FFF; display: inline-block; font-size: 16px; padding: 0 5px; font: 15px/29px 'clanotnews'; text-align:center;}

.apply_form{ width:760px; float:left; padding:20px;}

.apply_main{ width:100%;}

.apply_singal_row{ width:49%; float:left; margin-top:10px; margin-bottom:10px; position:relative;}

.apply_singal_row label{ font: 16px/28px 'proxima_nova_rgregular'; color:#383b3e; display:block; padding-bottom:5px;}

.apply_singal_row input{ border:1px solid #d5d8da; border-radius: 3px; color: #383b3e; float: left; font-family: 'Noto Serif', serif; font-size: 11px; height: 19px; margin: 0px 0px 0 0; padding: 10px 10px 10px 10px; width: 350px; background:#fafcfd; box-shadow:2px 0 5px 0 rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow:2px 0 5px 0 rgba(0, 0, 0, 0.1) inset}

.apply_singal_row select{border: 1px solid #E4E5E6; border-radius: 3px; color: #4A5459; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 43px; margin: 0px 8px 0 0; padding: 10px 7px 10px 10px; width: 368px;}

.apply_singal_row select option{ padding:5px;}

.row-float{ float:right!important;}

.apply_singal_row span{ position:absolute; top:42px; right:15px;}

.apply_singal_row input:focus{  box-shadow:0 0 6px #F8B9B7;}

.select-box-bar{ position:absolute; top:165px; right:64px; background: url(../images/select-bg.html) 0 0 repeat-x; height:48px; width:36px; display:block;}

.select-position{ position:relative; }

.styled-select-bar {  border: 1px solid #E4E5E6; border-radius: 3px; color: #424446; float: left; font: 13px/35px 'clanotbook'; height: 40px; margin: 0px 0px 0 0; overflow: hidden; width: 368px; cursor:pointer; background:#fafcfd url(../images/apply-notice-icon.png) 96% 15px no-repeat; box-shadow:2px 0 3px 0 rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow:2px 0 3px 0 rgba(0, 0, 0, 0.1) inset;}

.styled-select-bar span{ float:left; margin-left:-55px; }

.styled-select-bar select { background: none; border: 0 none; color: #919496; font: 11px/49px 'Noto Serif', serif; padding: 10px 0 0 5px; width: 388px;  cursor:pointer;}

.total-e label{font-family:'proxima_novasemibold'; font-size:14px; line-height:23px; color:#545353; display:inline-block;}

.total-e .styled-select-bar{ width:180px; background: #fafcfd url(../images/apply-notice-icon.png) 96% 15px no-repeat;}

.total-e select{ width:200px; text-indent:0px;}

.total-e{ width:185px; float:left; position:relative;}

.total-e input{ width:160px; margin:0px;}

.total-e span{ position:absolute; top:10px; right:15px;}

.apply_main textarea{ width:735px; height:30px; border: 1px solid #E4E5E6; border-radius: 3px; color: #424446; margin-top:10px; padding:10px;}

.apply_singal_row input[type="submit"]{  background: #159dd8;

    border-left: 1px solid #6EC2E7;

    border-radius: 10px 10px 0;

    border-top: 1px solid #6EC2E7;

    color: #FFFFFF;

    display: inline-block;

    font: 16px/46px 'clanotmedium';

    margin-left: 5px;

    margin-right: 5px;

    padding: 10px 50px;

    position: relative;

	margin-top:31px;

	height:auto;

	text-transform:uppercase;

	width:auto;

	border:none;

	box-shadow:none;

 }

.fileWrapper{position:relative;overflow:hidden;padding:0}

input[type=text].fileInputText{float:left;border:1px solid #ddd;margin:0; padding:0px; width:370px!important; height:37px!important;}

input[type=button].fileInputButton{float:right;background:url(../images/apply-u-resume-icon.png) 0 0 no-repeat;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;margin:0;padding:0; text-indent:-100px; box-shadow:none; position:absolute; right:10px; top:10px; border:none;}

.shkil input{ width:347px; border-radius:3px;} 

/**career popup css end here**/



/** second- popup- css **/

.custombox-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0;}

.custombox-modal { position: fixed; top: 50%; left: 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;

 backface-visibility: hidden; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

.custombox-modal { height: auto; visibility: hidden;}

.custombox-show { visibility: visible;}

.custombox-show ~ .custombox-overlay { opacity: 1; visibility: visible;}

.custombox-perspective,

.custombox-perspective body { height: 100%; overflow: hidden;}

.custombox-perspective body  {-webkit-perspective: 600px; perspective: 600px;}

.custombox-container {  min-height: 100%;}

.custombox-hide-scrollbar { overflow-y: hidden;}

.custombox-hide-scrollbar body {  position: relative;  overflow: hidden;}

.custombox-fadein .custombox-modal-content { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transition-property: all;

    -ms-transition-property: all; transition-property: all; opacity: 0;}

.custombox-show.custombox-fadein .custombox-modal-content { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}

button.close { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; cursor: pointer; padding: 0 25px 0 0;}

.close { color: #24242A000; float: right; font-size: 21px; font-weight: 700; line-height: 1; opacity: 0.2; text-shadow: 0 1px 0 #FFFFFF;}

.modal-example-content { width: 800px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); background-color: #FFF; border-radius: 6px; 

outline: 0 none;}

.modal-example-header { border-bottom: 1px solid #E5E5E5; padding: 15px;}

.modal-example-body { padding: 20px;}

/** second- popup- css **/





/** web design page css start here **/

.your-apps{ width:100%; background:url(../images/web-design-bg.jpg) center 0 no-repeat; height:318px; margin-top:72px;}

.app-continer{ width:1200px; margin:0 auto; text-align:center;}

.app-continer h1{ font:50px/52px 'open_sansbold'; color:#FFF; padding-top:50px; padding-bottom:15px;}

.app-continer p{font:28px/40px "Open Sans"; color:#FFF; padding-bottom:25px;} 

.app-continer a{ background:#fff; font:28px/48px 'clanotmedium'; text-align:center; vertical-align:middle; padding:15px 25px; color:#dc2611; border-radius:10px 10px 0px; border:1px solid #dc2611; -webkit-border-radius:10px 10px 0px; -moz-border-radius:10px 10px 0px; -ms-border-radius:10px 10px 0px;}

/*.app-continer a:hover{ background:#72CA1B;}*/

.app-continer a:hover{ background:#dc2611; color:#fff}





.web-responsive{ width:100%; margin-top:50px;}

.res-part{ width:1100px; margin:0 auto;}

.res-portfolio{ width:510px; float:left; padding-bottom:40px;}

.res-portfolio h2{font:38px/48px 'open_sansbold'; color:#24242A; text-align:center; text-transform:capitalize;}

.res-portfolio h5{font:20px/26px 'proxima_novalight'; color:#535358; text-align:center; padding-bottom:10px;}

.res-portfolio img{ vertical-align:middle;}

.res-portfolio p{font:16px/29px "Open Sans"; color:#334654; padding-top:15px;}



.hire-dect-dgn{ width:100%; background:url(../images/hire-dect-bg.jpg) 0 0 repeat; border-top: solid #eaeaea 1px; position:relative; padding-top:50px;}

.hire-dect-dgn .container:before { content: ""; display: block; height: 68px; left: 50%;    position: absolute; top: -37px; width: 68px;} 

.hire-dedticed-box{ width:400px; float:left; padding-left:50px;}

.hire-dedticed-box img{ vertical-align:middle;} 

.hire-dedticed-content{ width:670px; float:right; padding-right:30px;}

.hire-dedticed-content ul{ list-style-type:none;}

.hire-dedticed-content ul li{ font:16px/29px 'Noto Serif', serif; color:#334654; padding-bottom:27px;}

.hire-dedticed-content ul li span{ font:700 18px/29px 'Noto Serif', serif; color:#24242A;}

.hire-dedticed-content ul li img{ float:left; padding-right:20px; vertical-align:middle; padding-top:10px;}





.hire-continer-part{ width:100%; background:url(../images/hire-devider.png) 0 0 repeat-x; padding:45px 0 30px 0; float:left;}

.hire-continer-part ul{ list-style-type:none;}

.hire-continer-part ul li{ font:19px/25px 'clanotmedium'; color:#2e3234; float:left; width:210px; text-align:center; padding-left:60px;}

.hire-continer-part ul li img{ float:left; padding-right:10px;}

.hire-continer-part ul li:first-child{ padding-left:0px;}

.hire-continer-part .hire-quilty{ width:180px;}

.hire-continer-part .hire-quiltys{ width:160px;}



.our-latest-work{ width:100%; display:inline-block;}

.our-latest-work ul{ list-style-type:none;}

.our-latest-work ul li.populer-web-port{ width:36%;}

.our-latest-work ul li.populer-web-port .our-logo{ padding-top:32%}

.our-latest-work ul li{ width:21%; float:left; position:relative; overflow:hidden; border-left:1px solid #fff; border-bottom:1px solid #fff;}

.our-latest-work ul li img{ width:100%; transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}

.our-latest-work ul li:hover img{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1);}

.our-work{   background: url(../images/portfolio-transparent-bg.png) repeat right bottom; width:100%; position:absolute; top:0; display:block; opacity:0; height:100%; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;}

.our-work h3{color: #fff; font: 20px/25px 'clanotmedium'; padding:35px 0 2px 15px; text-align:center;}

.our-work p{color: #fff; font: 15px/24px 'proxima_nova_rgregular';  padding:0px 0 10px 15px; text-align:center;}

.our-latest-work ul li:hover .our-work{opacity:1;}

.our-logo{  text-align:center; padding-top:15%;}

.our-latest-work .our-logo img{ width:inherit; width:50px; padding-top:15px; border:none;}



.inr-part{  margin:0 auto; display:inline-block; text-align:center; width:100%} 

.inr-part ul{ list-style-type:none; padding:0;}

.inr-part ul li{ background: url(../images/orange-bulet.png) no-repeat left 9px; color: #EAEAEA; display: inline-block; font: 15px/24px 'proxima_nova_rgregular'; padding: 0 8px; width:inherit; border:none; float:none}

.meet-our-team-part{ width:100%; background:url(../images/hire-dect-bg.jpg) 0 0 repeat; height:350px; padding-top:60px;}

.meet-our-team-part-left{ width:330px; float:left; padding:0;}

.meet-our-team-part-left h1{  font:134px/80px 'amaranthregular'; color:#159dd8; text-transform:uppercase;}

.meet-our-team-part-left span{ font:70px/71px 'amaranthitalic' ; color:#159dd8; display:block; text-align:right;}



.our-team-portfolio{ width:850px; float:right; padding:0;}

.our-team-portfolio ul{ list-style-type:none;}

.our-team-portfolio ul li{ text-align:center; width:200px; margin-left:15px; background:#FFF; padding-bottom:20px; float:left;}

.our-team-portfolio ul li:first-child{ margin-left:0px;}

.our-team-portfolio ul li img{ vertical-align:middle; padding-bottom:15px;  height:210px; width:100%; }

.our-team-portfolio ul li h3{ font:700 16px/23px 'Noto Serif', serif; color:#373b3d; padding:0 10px;}

.our-team-portfolio ul li p{ font:15px/24px 'Noto Serif', serif; color:#373b3d; padding:0px 10px 0 10px;}



.hour-panel{ width:372px; height:auto; background:url(../images/hour-bg.jpg) 0 0 no-repeat; float:left; margin-top:18px;}

.hour-panel-left{ width:155px; float:left; padding:60px 0 0 0; height:100px;}

.hour-panel-left p{ font:17px/22px 'oswaldregular'; color:#FFF; text-transform:uppercase; text-align:center;}

.hour-panel-left h2{ font:48px/50px 'oswaldregular'; color:#FFF; text-align:center;}

.hour-panel-left h2 span{ font:20px/22px 'oswaldregular'; color:#FFF; text-transform:uppercase;}

.hour-panel-left h2 span sup{ top:-1.5em; padding-right:5px;}

.monthly{ float:right!important; padding-right:10px; width:180px}



.month-get-start{ text-align:center; margin-top:35px; position:relative;}

.month-get-start a{background:#8BD047; font:28px/48px 'clanotmedium'; text-align:center; vertical-align:middle; padding:15px 50px; color:#FFF; border-radius:10px 10px 0 ; -webkit-border-radius:10px 10px 0px; -moz-border-radius:10px 10px 0px; -ms-border-radius:10px 10px 0px; position:relative;}

.month-get-start:before{ content:""; display:block; width:273px; height:40px; background:url(../images/get-start-shadow.jpg) center 0 no-repeat; position:absolute; bottom:-48px;

   left:50px; }

.month-get-start a:hover{background:#72CA1B;}



.webdesign-popup #custombox-modal{ z-index:9999!important}

.webdesign-popup #custombox-overlay{ z-index:99!important}

.web-popupcontent{ background:#000; border-radius:0; width:1200px!important}

.zoomer_wrapper { height: 550px;  overflow: hidden; width:806px; float:left; }

.web-popupcontent .pop-continer{ position:relative; margin-top:120px;}

.web-popupcontent .close{ opacity:1; position:absolute; right:-42px; top:-17px}

.popup-content{ width:394px; height:550px; background:#efefef; float:right;}

.comp-name{ width:100%; margin:15px 0 0 0px; border-bottom:#e1e1e1 solid 1px; padding-bottom:35px;} 

.comp-name figure{ float:left; padding-left:25px; padding-right:20px;}

.comp-name h3{ font:23px/35px 'open_sansbold'; text-transform:uppercase; padding:0 5px 0 20px;color:#5b5b5b;}



.comp-name ul{ list-style:none; margin:0 0 0 25px;}

.comp-name ul li{ background:#fff; color:#5b5b5b; width:auto;  float:left; padding:4px 8px 4px 8px; color:#5d5d5d;font:12px/24px 'clanotbook'; text-transform:capitalize; margin:5px 5px 0 0;}



.website{width:100%; margin:15px 0 0 0px; border-bottom:0PX;}

.website a{ color:#5b5b5b; font:13px/22px  'proxima_nova_rgregular'; display:block;text-transform:uppercase; width:165px; position:relative; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;  transform:translateX(0); -moz-transform:translateX(0px);} 

.website a:after{ content:""; background:url(../images/right-arrow.png) right top no-repeat; width:17px; height:15px; display:inline-block; position:absolute; right:9px; top:4px; }

.website a:hover{ color:#28a4da; transform:translateX(5px); -moz-transform:translateX(5px);}

.aro-pic{ padding:0px!important; float:none!important;}

/** web design page css end here **/



/** contact us page start here **/

.nice-section{ width:1200px; margin:50px auto 0 auto;}

.nice-section h1{ font:83px/83px 'clanotbook'; color:#e97100; text-align:center; width:770px; position:relative; margin:0 auto;}

.nice-section h1 img{vertical-align:baseline; position:absolute; top:-10px; left:87px; margin:0 5px; transition: all .3s ease-in-out; -webkit-animation-name: beat; -moz-animation-name: beat; -ms-animation-name: beat; -o-animation-name: beat; animation-name: beat; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: normal; -moz-animation-fill-mode: normal; -ms-animation-fill-mode: normal; -o-animation-fill-mode: normal; animation-fill-mode: normal; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite;}



.office-location{ width:1200px; margin:20px auto 0 auto; background:url(../images/location-map.png) center 0 no-repeat; height:300px; padding-top:25px;}

.office-location-left{ width:200px; float:left; padding-left:50px;}

.office-location-left h3{ font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; color:#24242A; text-transform:uppercase; padding-bottom:8px;}

.us-off{ padding:0; position:relative;}

.us-off:after{ width:246px; height:83px; position:absolute; left:105px; top:-2px; content:""; display:block; background:url(../images/us-loction-img.png) 0 0 no-repeat;}

.ind-off{ padding:0; position:relative;}

.ind-off:before{ width:239px; height:124px; position:absolute; left:-242px; top:4px; content:""; display:block; background:url(../images/ind-location-img.png) 0 0 no-repeat;}

.office-location-left ul{ list-style-type:none;}

.office-location-left ul li{ font:16px/26px 'Noto Serif', serif; color:#334654; padding-bottom:10px;}

.office-location-left ul li a{ text-decoration:none; color:#3a3d40;}

.office-location-left ul li a:hover{color:#2892cf;}

.office-location-left ul li img{ vertical-align:middle; padding:5px 10px 0 0; float:left;}

.ind-location{ float:right; padding-left:0px; width:250px;}



.plase-call-part{ width:100%; padding:0 0 30px 0; float:left;}

.plase-call-part h2{ font:22px/29px "Segoe Print"; color:#1f2021; text-align:center; font-weight:bold; padding-bottom:20px;}

.plase-call-part ul{ list-style-type:none; width:780px; margin:0 auto;}

.plase-call-part ul li{ font:20px/29px 'Noto Serif', serif; color:#24242A; float:left; padding-left:26px; padding-right:26px;}

.plase-call-part ul li img{ padding-right:8px; vertical-align:middle;}



.please-email-part{ width:auto; padding-right:50px; float:left;}

#wpcont5-outer .please-email-part h2{ font:22px/29px 'Noto Serif', serif; letter-spacing:-1px; color:#24242A; padding-bottom:10px; text-align:inherit; }

.please-email-part h2 span{ font-family:'clanotbold';}

.please-email-part ul{ list-style-type:none; padding:0;}

.please-email-part ul li{ font:14px/29px 'Noto Serif', serif; color:#383b3e; float:left; padding:0 12px 12px 0px;}

.please-email-part ul li img{padding-right:8px; vertical-align:middle;}

.please-email-part ul li a{ text-decoration:none; color:#383b3e;}

.please-email-part ul li a:hover{ color:#2892cf;}

.please-email-part ul li span{font-family:'clanotmedium';}

.email-box-cont{ width:480px; }

.career-box-cont{ width:345px;}

.follow-box-cont{ width:200px;}

.please-email-part.follow-box-cont li{ padding-right:8px;}

.please-email-part.follow-box-cont li img{ padding:0px; vertical-align:middle;}

.have-call-us{ width:100%; background:#2c8bcc; height:auto;}

.have-call-us h2{ font:60px/77px 'clanotbook'; color:#FFF; text-align:center; padding:30px 0; }

.have-form-field{ width:1200px; padding-bottom:50px; float:left;}

.have-form-field-raw{ width:100%; padding-bottom:35px; float:left;}

.have-form-field-raw-inr{ width:339px; height:40px; position:relative; float:left; margin:0 25px;}

.have-form-field-raw-inr input{ border-bottom: solid #61afdc 1px; /*font:16px/37px 'proxima_nova_rgregular';*/ color:#FFF; background:none; width:339px; padding:10px 10px 10px 5px;}

.have-form-field-raw-inr input::-webkit-input-placeholder {

    color: #fff;

    opacity: 1 !important; /* for chrome */

}

.have-form-field-raw-inr input:-moz-placeholder { /* Firefox 18- */

    color: #fff;

}

.have-form-field-raw-inr input::-moz-placeholder {  /* Firefox 19+ */

    color: #fff;

}

.have-form-field-raw-inr input:-ms-input-placeholder {  

   color: #fff;

}



.have-form-field-raw textarea::-webkit-input-placeholder {

    color: #fff;

    opacity: 1 !important; /* for chrome */

}

.have-form-field-raw textarea:-moz-placeholder { /* Firefox 18- */

    color: #fff;

}

.have-form-field-raw textarea::-moz-placeholder {  /* Firefox 19+ */

    color: #fff;

}

.have-form-field-raw textarea:-ms-input-placeholder {  

   color: #fff;

}

.have-form-field-raw label.error{ color:#ff0000; display:block}

.have-form-field-raw-inr input:focus{ background:#3893cf;}

.have-form-field-raw-inr span{  position: absolute; right: -5px; top:15px;}

.have-form-field-raw-inr span img{ vertical-align:middle;}

.have-form-field-raw-inr select{border-bottom: solid #61afdc 1px; font:16px/37px 'proxima_nova_rgregular'; color:#FFF; background:none; width:339px; padding:10px 10px 10px 5px;}

.have-form-field-raw textarea{ width:94%; border-bottom: solid #61afdc 1px; height:26px; font:16px/21px 'proxima_nova_rgregular'; color:#FFF; background:none; padding:10px 10px 10px 5px; margin-left:20px; resize:none;}

.have-form-field-raw h3{ font:20px/29px 'clanotmedium'; color:#FFF; padding:0 0 20px 25px; }

.have-form-field-raw textarea:focus{ background:#3893cf;}

.captha-box{ width:150px; padding:0; float:left;}

.captha-box img{ vertical-align:middle; padding-left:15px;}

.have-form-field-raw-inr button[type="submit"]{ background:#000000; color:#FFFFFF; text-align:center; padding:16px 25px; width:150px; border:none; border-radius:10px 10px 0px; -webkit-border-radius:10px 10px 0px; -moz-border-radius:10px 10px 0px; text-transform:uppercase; font:16px/37px 'clanotmedium'; margin-top:-10px; margin-left:25px; cursor:pointer; }

.have-form-field-raw-inr button[type="submit"] span{ position:inherit}



.get-direction{ width:100%; background:#86c14c; position:relative;}

.get-direction h2{ font:60px/77px 'clanotbook'; text-align:center; padding:20px 0; color:#FFF;}

.get-direction:after{ background:url(../images/green-direction-bg.png) 0 0 no-repeat; position:absolute; left:50%; bottom:-24px; content:""; display:block; z-index:9; width:48px; height:24px;}

.have-form-field-raw-inr .select-box-bar{ position:absolute; top:165px; right:64px; background: url(../images/select-bg.html) 0 0 repeat-x; height:48px; width:36px; display:block;}

.have-form-field-raw-inr .select-position{ position:relative; }

.have-form-field-raw-inr .styled-select-bar { border-bottom: solid #61afdc 1px; border-left:none; border-right:none; border-top:none;  border-radius: 3px; color: #424446; float: left; font: 13px/35px 'clanotbook'; height: 40px; margin: 0px 0px; overflow: hidden; width: 357px; cursor:pointer; background: url(../images/select-arrow-contact.png) right 20px no-repeat; box-shadow:none;}

.have-form-field-raw-inr .styled-select-bar select{ width:385px; text-indent:0px; border:none;}

.have-form-field-raw-inr .styled-select-bar select option{ padding:3px 0 3px 10px;}



.rest-view{ width:100%; height:100%; position:relative;}

.rest-view a{ position:absolute; left:0px; height:100%; color:#FFF; font:40px/48px 'proxima_novasemibold'; text-align:center; width:100%; background:#74bd3a;}

.rest-view a:hover{ background:#3292D1;}

.rest-view a span{ display:block; padding-top:30%;}

/** contact us page end here **/

/** contact map css start here **/

#map { height: auto; width: 100%; min-height: 550px }

ul { position: none }

.more { bottom: 17px }

.hide_me { display: none !important }

.infobox-wrapper { display: none }

#infobox { background-color: #fff; margin-top: 8px; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: .5em 1em; height: 289px }

#infobox>div { font-size: 12px; margin:0}

#infobox #content>div { float: left; width:98%; margin-top:10px;}

#infobox #content>div p{ padding-top:5px; line-height:22px; font:14px/22px 'clanotnews'; color:#383b3e;}

#infobox .control-group { margin-bottom: 0 }

#infobox #content form { width: 375px }

#infobox #calculate-route { margin-top: 0 }

#infobox .controls { width: 175px !important }

#infobox #calculate-route .controls label { background: 0; border-left: 0; border-radius: none; box-shadow: none; width: 100%; text-align: left }

#infobox .sub_green { margin: 10px 10px 0 0 }

#map img { max-width: none !important }

/** contact map css ebnd here **/

/** browers imges uploding css start here **/

.sky-form {position: relative;display: block;}

.sky-form .input input{	display: block;box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 39px; padding: 8px 10px;outline: none;border-radius: 3px;background: #FAFCFD;font: 15px/19px 'Noto Serif', serif, Helvetica, Arial, sans-serif;color: #404040;appearance: normal;-moz-appearance: none;-webkit-appearance: none;box-shdow:2px 0 5px 0 rgba(0, 0, 0, 0.1) inset;border:1px solid #D5D8DA;}

.sky-form .input-file .button {position: absolute;top: 5px;right: -0px;float: none;height: 31px;margin: 0;padding: 0 5px; line-height:0px;}

.sky-form .input-file .button input {position: absolute;top: 2px;right: 5px;padding: 0;cursor: pointer;opacity: 0;}

.sky-form .button {float: right;height: 39px;overflow: hidden;margin: 10px 0 0 20px;padding: 0 0px;outline: none;border: 0;color: #fff;cursor: pointer;background:url(../images/apply-u-resume-icon.png) 63% 5px no-repeat;opacity: 0.8;-ms-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-webkit-transition: opacity 0.2s;}

/** browers imges uploding css end here **/



a.pull{background: url("../images/menu-icon.gif") no-repeat scroll left 0;display: none; height: 63px;position: relative;  width: 65px;    z-index: 9;}

.rgt span a img + img{ display:inline-block;}

.rgt span.phon-no a{ display:none;}

.asp-right-box h4.web { font: 700 23px/45px 'Noto Serif', serif; letter-spacing: -1px; text-align: left;}

.asp-left-box h4.web { font: 700 23px/45px 'Noto Serif', serif; letter-spacing: -1px; text-align: left;}

.asp-right-box h5 {color: #24242a; font: 24px/36px 'proxima_novalight'; padding: 5px 0 10px;}

.asp-left-box h5 { color: #24242a; font: 24px/36px 'proxima_novalight'; padding: 5px 0 10px;}



/***** hire php programmer page css start here *****/

#content{width:100%; margin-top:80px; padding:0;}

.content{width:1180px; margin:0 auto;}

.content:after{ width:100%; height:0; clear:both; content:""; display:block;}

.content-hire{width:720px; float:left;}

.content-excited{width:460px; float:right; margin-top:28px; padding:0 0 25px 0;}



.content-hire h1{font:50px/60px 'clanotbold'; color:#039dde; padding:20px 0 0 0;}

.content-hire h3{font:21px/34px 'clanotmedium'; color:#2c3135;}

.content-hire ul{float:left; list-style-type:none; margin-top:10px; padding:0 0 25px 0;}

.content-hire ul li{display:block; background:url(../images/right.png) left 10px no-repeat; font:16px/21px 'proxima_nova_rgregular'; color:#333941; font-size:15px; padding:10px 30px;}



.per-hours{width:385px; background:#69bb39; height:62px; position:relative; float:right; border-radius:2px;-webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;}

.per-hours:before{background:url(../images/hours.png) no-repeat; width:34px; height:54px; display:block; content:""; position:absolute; left:4px; top:4px;} 

.per-hours:after{background:url(../images/mobiles.png) no-repeat; width:35px; height:51px; display:block; content:""; position:absolute; right:0; top:5px;} 



.per-hours ul{float:left;}

.per-hours ul li{float:left; background:url(../images/leftlibg.html) left top no-repeat;  color:#fff; font:17px/62px 'amaranthbold_italic'; padding:0 25px 0 30px;}

.per-hours ul li span{font:30px/62px 'amaranthbold_italic'; vertical-align:top;}



.excited-talk{width:384px; float:right; background:#308bc7; text-align:center;  border-radius:2px;-webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; margin-top:10px;}

.excited-talk h2{ font:30px/30px 'clanotmedium'; color:#fff; margin:15px 0 0 0; text-shadow:1px 2px 1px #256b9a;}

.excited-talk h3 {font:15px/30px 'clanotbook'; color:#fff;  background:url(../images/bdr-2.jpg) repeat-x left 20px; padding:5px 0; margin:0 auto; width:95%;}

.excited-talk h3 span{font:15px/30px 'clanotbook'; color:#fff; background:#308bc7; text-align:center; padding:0 5px;}



#sucess-message{ display:none; padding:30px 0 60px 0; text-align:center;}

#sucess-message h2{font:40px/50px 'clanotbold'; color:#69BB39;}

#sucess-message p {font:15px/30px 'clanotmedium'; color:#000000;}



.form-main{ width:353px; padding:15px 15px 0 15px; float:left; background:#fff; box-shadow: 1px 0px 0px 2px  #f0f2f2;}

/*.row{ width:165px; margin:5px 5px 5px 0; height:40px; border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; position:relative; float:left; position:relative;}*/

.row2{ width:165px; margin:5px 5px 5px 0; height:40px; border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; position:relative; float:right; position:relative;}

.row3{ width:345px; margin:10px 0px 10px 0; height:40px; border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; position:relative; float:left; position:relative;}

.row4{ width:345px; margin:10px 0px 10px 0; height:100px; border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; position:relative; float:left; position:relative;}

 .form-main .row3 select{ width:345px; height:40px; border:none;  font:10px/20px 'clanotnews'; color:#959595 ;  padding:10px 5px; border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#e8eff4;}

 .form-main .row2 select{ width:155px; height:40px; border:none;  font:10px/20px 'clanotnews'; color:#959595 ;  padding:10px 5px; border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#e8eff4;}

.form-main .row select{ width:155px; height:40px; border:none;  font:10px/20px 'clanotnews'; color:#959595 ;  padding:10px 5px; border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#e8eff4;}

.form-main  .row input{ width:122px!important;}

.form-main  .row2 input{ width:122px!important;}

::-webkit-input-placeholder {color:#959595;}

:-moz-placeholder {color:#959595; opacity:  1;}

::-moz-placeholder {color: #959595; opacity:  1;}

:-ms-input-placeholder {color: #959595;}

.form-main input{ width:120px; height:40px; border:none;  font:10px/40px 'clanotnews'; color:#959595;  padding:0 37px 0 5px; border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#e8eff4; position:relative; border:1px solid #e7e4e4;}



.form-main  textarea{ background:#e8eff4; width:302px; height:95px;  border:none;  font:10px/15px 'clanotnews'; color:#959595; resize:none; border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:5px 37px 0 5px; border:1px solid #e7e4e4;}

.row-2{ width:234px; background:#e8eff4; height:118px; margin:0 0 10px 24px; border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

.row-2 img{ float:right;}

.form-main input[type="submit"], .form-main .jqTransformButton{ width:335px; height:46px; color:#FFFFFF; background:#67c431; border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; border-bottom:2px solid #519e25; text-align:center; text-indent:inherit; margin:10px 0 10px 0px; cursor:pointer; font:14px/45px clanotbold; color:#fff; text-transform:uppercase;  border-top:none; border-left:none; border-right:none; -webkit-appearance:none; text-shadow:1px 1px 1px #4c9124;}



.row .jqTransformSelectWrapper{ width:160px!important;}

.row .jqTransformSelectWrapper ul li:first-child{ display:none;}

.row2 .jqTransformSelectWrapper{ width:160px!important;}

.row2 .jqTransformSelectWrapper ul li:first-child{ display:none;}



.form-main input.name-icon{ background:#e8eff4 url(../images/people.html) no-repeat right top;  right:0; top:0;  height:40px; display:block; }

.form-main input.email-icon{ background:#e8eff4 url(../images/msg.html) no-repeat right top;    height:40px; display:block}

.form-main textarea.mes-icon{ background:#e8eff4 url(../images/pen.html) no-repeat right top;   height:95px; display:block; }



#phpprogram{width:100%; margin:0; padding:0; background:#f9fafb; border-top:1px solid #f2f3f4;}

.phpprogram{width:1180px; margin:0 auto;}

.phpprogram img{padding:10px 15px 0 25px; float:left; vertical-align:bottom;}

.phpprogram h2{font:30px/45px 'clanotmedium'; color:#272b2e; padding:28px 0 0 0;}

.phpprogram p{font:16px/30px 'proxima_nova_rgregular'; color:#272b2e; padding:6px 0 15px 0;}

 

#technical-skills{width:100%; margin:0; padding:0; background:#159dd8; }

.technical{width:1180px; margin:0 auto; padding:0 0 20px 0;}

.technical:after{ width:100%; height:0; clear:both; content:""; display:block;}

.technical h2{font:35px/50px 'clanotmedium'; color:#fff; padding:42px 0 0 0; text-align:center;}



.technical-left{ float:left; width:555px; padding:30px 0 0 0;}

.technical-left h4{  background:url(../images/bdr.jpg) repeat-x left 10px; padding:0; margin:0;}

.technical-left h4 span{ background:#159dd8; font:15px/20px clanotbold; color:#FFFFFF; padding:0 10px 0 0;} 

.technical-left ul{ list-style:none; padding:25px  0;}

.technical-left ul:after{ width:100%; height:0; clear:both; content:""; display:block;}

.technical-left ul li{ float:left; text-align:center; padding:0 14px;}

.technical-left ul li figure{ padding:0; margin:0;}

.technical-left ul li figcaption{ font:14px/30px SegoePrintRegular; color:#AFDEF2;}



.technical-right{ float:right; width:555px; padding:30px 0 0 0;}

.technical-right h4{  background:url(../images/bdr.jpg) repeat-x left 10px; padding:0; margin:0;}

.technical-right h4 span{ background:#159dd8; font:15px/20px clanotbold; color:#FFFFFF; padding:0 10px 0 0;} 

.technical-right ul{ list-style:none; padding:25px  0;}

.technical-right ul:after{ width:100%; height:0; clear:both; content:""; display:block;}

.technical-right ul li{ float:left; text-align:center; padding:0 14px;}

.technical-right ul li figure{ padding:0; margin:0;}

.technical-right ul li figcaption{ font:14px/30px SegoePrintRegular; color:#AFDEF2;}



#strenth-part-outer{ width:100%; margin: 0 auto; background:#FFFFFF;}

.strenth-part{ width:1180px; margin:0 auto; }

.strenth-part:after{ width:100%; height:0; clear:both; content:""; display:block;}

.box-row{ width:1180px; margin:0 auto; padding:40px 0 ; border-top:1px solid #f2f2f2;}

.box-row:after{ width:100%; height:0; clear:both; content:""; display:block;}



.box-left{ width:550px; float:left;}

.img-box{ float:left; padding:0; margin:0 15px 0 0;}

.txt-box{ float:left; padding:0; width:325px;}

.txt-box h4{ font:23px/30px clanotmedium; color:#1d1f20; padding:0 0 15px 0;}

.txt-box ul{ list-style:none;}

.txt-box ul li{ background:url(../images/right-icon.png) no-repeat left 8px; padding:0 0 0 28px; font:15px/30px 'proxima_nova_rgregular'; color:#1d1f20;}

.txt-box ul li a{ text-decoration:none; font:15px/30px 'proxima_nova_rgregular'; color:#1d1f20;}

.box-right{ width:530px; float:right; border-left:1px solid #e1f3ff; padding:0 0 0 25px;}

.box-right img{ text-align:center!important;}

.box-right img.cc{ text-align:center!important; padding:0 0 0 10px;}



#outsource-outer{ width:100%; border-top:1px solid #eff0f1; background:#f9fafb; padding:20px 0;}

.outsource-part{ width:1180px; margin:0 auto; padding:0;}

.outsource-part h4{font:30px/35px clanotmedium; color:#272b2d; text-align:center;}

.outsource-part ul{ list-style:none; padding:30px 0 0 0;}

.outsource-part ul:after{ width:100%; height:0; clear:both; content:""; display:block;}

.outsource-part ul li{ float:left; padding:0 28px; text-align:center;}

.outsource-part ul li figure{ padding:0; margin:0;}

.outsource-part ul li figcaption{ font:15px/20px proxima_nova_rgregular; color:#272b2d; width:138px; padding:10px 0 0 0;}



/*---------------jquery--select-box-css-start-here------------------*/

.jqTransformInputWrapper{ float:left;}

.jqTransformSelectWrapper { background:#E8EFF4; width:340px!important; height:39px; font:10px/40px clanotnews; color:#848282; border:1px solid #e7e4e4;  border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px;  position:relative; padding:0 0 0 5px; float:left;}

.jqTransformSelectWrapper div span{ width:auto; display:block; cursor:pointer; text-align:left;}

.jqTransformSelectWrapper a.jqTransformSelectOpen{ background:url(../images/select-02.jpg) no-repeat; display: block; height: 40px; position: absolute; right:-2px; top:0px; width: 34px;}

.jqTransformHidden{ display:none;}

.jqTransformSelectWrapper ul { background-color: #cccccc;   display: none;  left: 0; list-style: none outside none;  margin: 0;  overflow: auto; padding: 0;  position: absolute;  top:42px;  width:100%!important;  z-index: 10; border-radius:3px; border:1px solid #cad1d4;  max-height:350px;}

.jqTransformSelectWrapper ul li a { background-color: #ffffff; display: block; font:11px/16px clanotnews; color:#000000; padding: 5px; text-decoration: none;  text-align:left;}

.jqTransformSelectWrapper ul li a:hover, .jqTransformSelectWrapper ul li a.selected:hover{ background:#E8EFF4; color:#000000;}

.jqTransformSelectWrapper ul li:first-child{ display:none;}

/*------------------jquery--select-box-css-end-here-------------------*/



.thanku{ text-align:center; padding:50px 0; min-height:400px;}

.thanku h1{ font:80px/90px clanotbold; color:#039DDE; padding:100px 0 0 0; text-transform:capitalize;}

.thanku p{ font:30px/40px clanotbold; color:#039DDE;}



#wpcont3-outer{width:100%; padding:20px 0; background:#159dd8;}

#wpcont3-outer .container{ text-align:center}

#wpcont3-outer .container h3{font:31px/40px 'clanotbook'; color:#fff;  display:inline-block; text-transform:capitalize; padding-right:25px;}	 

#wpcont3-outer .container a.touch{background:#41afe0; border-radius:5px; -moz-border-radius:5px; -webkit-:5px; -o-border-radius:5px; color:#fff; font:23px/61px 'clanotbold'; text-align:center; width:260px; margin-left:50px;  display:inline-block;  text-transform:uppercase; border-top:1px solid #66b0e6; border-left:1px solid #71c3e8; border-top:1px solid #71c3e8; text-shadow: 0 2px 2px #2A88B2; -webkit-text-shadow: 0 2px 2px #2A88B2; -ms-text-shadow: 0 2px 2px #2A88B2;}	

#wpcont3-outer .container a.touch:hover{ background:#39a6d6}

.request-seo{ width:auto; display:inline-block}

.request-seo a{ border-radius: 10px 10px 0; border-left:solid #6ec2e7 1px; border-top:solid #6ec2e7 1px; box-shadow:1px 1px 0px #2a89b4; color: #FFF; display: inline-block; font: 16px/46px 'clanotmedium'; margin-right:5px; margin-left:5px; padding: 3px 35px; position: relative; text-transform:uppercase; background:#41afe0;}



/***** hire php programmer page css start here *****/

.pkg-wrp .download-btn{ display:none; background: #0e89d6; color: #fff; font: 17px/62px 'clanotmedium'; padding: 0 35px; margin-top:10px; border-radius: 13px 13px 0; -moz-border-radius: 13px 13px 0; -webkit-border-radius: 13px 13px 0; -ms-border-radius: 13px 13px 0; float:left;}



.webdesign-list{ width:100%; float:left;}

.webdesign-list ul{ float:left; width:48%; margin:5% 2% 5% 0}

.webdesign-list ul li{color: #334654; font: 16px/29px 'Noto Serif', serif; padding: 0 0 10px 28px;  background: url(../images/sign-icon.png) no-repeat left 9px;}

.hire-dedticed-content p{color: #334654; font: 16px/29px 'Noto Serif', serif;}

.resp-tab-content {display: none;}

.resp-tabs-container h2.resp-accordion{ display:none}



.wpcont5right .opensource-icons{ width:100%; float:left; margin-top:40px}

.wpcont5right .opensource-icons h4{color: #2892cf; font:700 19px/20px 'Noto Serif', serif; background:url(../images/divider01.gif) left 9px repeat-x; float:left; width:100%; text-align:left}

.wpcont5right .opensource-icons h4 span{ background:#fff; padding-right:7px}

.wpcont5right .opensource-icons ul{ margin-bottom:10px; width:100%}

.wpcont5right .opensource-icons ul li{ border-bottom:none; text-align:center; width:auto;  color: #6a6b6c; font: 14px/20px 'Segoe Print'; padding:0 46px 20px 0; background:none}

.wpcont5right .opensource-icons ul li span{color: #6a6b6c; font: 14px/20px 'Segoe Print'; padding:0; width:auto;}





/*==============Hire Dedicated resource=============*/

hire-developer , .dedicated-resource{ margin:30px auto 0px;}

.dedt-team{ width:1070px; margin:0 auto;}

.dedt-team ul{list-style:none;}

.dedt-team ul li{ float:left; width:14%; margin:0 25px 0 0;}

.dedt-team ul li img{ margin:20px 0 0 0;}

.team-top{background:#6360a8;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; color:#fff; position:relative;}

.team-top:before{ content:""; display:block; width:7px; height:9px; background:url(../images/team-after.html) bottom center no-repeat; position:absolute; top:40px; left:45%;}

.team-top h3{font:14px/20px 'Segoe Print'; text-align:center; padding:10px 10px 10px 10px;}





.team-top2{background:#20c277;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; color:#fff; position:relative;}

.team-top2:before{ content:""; display:block; width:7px; height:9px; background:url(../images/team2-after.html) bottom center no-repeat; position:absolute; top:40px; left:45%;}

.team-top2 h3{font:14px/20px 'Segoe Print'; text-align:center; padding:10px 10px 10px 10px;}



.choose-cat{width:1065px; margin:35px 0 45px 0 ; border:#e9e9e9 solid 1px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; box-shadow:#f5f5f5 1px 1px 1px 1px;}

.choose-cat h3{ background:#f8f8f8; border-bottom:#e3e3e3 solid 1px; padding:15px 0 15px 18px; font:16px/22px 'OpenSans-Semibold'; color:#2c3032;}.dedicated-box{ width:100%; float:left; padding:25px 0 20px 0; border-bottom:#e9e9e9 solid 1px;} 

.dedicated-left{ width:405px; float:left;}

.dedicated-left h4{ color:#2c3032; font:15px/25px 'open_sansbold'; padding:5px 0 0 20px; float:left; width:200px;}

.dedicated-left select {width:175px; margin:0 0 0 30px; background:#f9fbfc; padding:15px 5px 15px 5px;}

.dedicated-left .jqTransformSelectWrapper{ background:#f9fbfc; width:175px!important;}

.dedicated-left .jqTransformSelectWrapper a.jqTransformSelectOpen{ background:url(../images/dro-icon.png) top right no-repeat; width:7px; height:4px; top:18px; right:20px;}

.dedicated-right{ width:600px; float:right;}

.dedicated-right .jqTransformCheckboxWrapper{ background:url(../images/checkbox.png) no-repeat;  display: block;height: 19px;vertical-align: middle; width: 20px; float:left;}

.dedicated-right a.jqTransformCheckbox{ background:url(../images/checkbox.png) no-repeat; display: block;height:19px;vertical-align: middle;

width:22px;}

.dedicated-right .span{ font:14px/20px  'proxima_nova_rgregular'; padding:0 0 15px 10px; float:left; width:165px;} 

.choose-cat .jqTransformInputWrapper{ width:460px!important;}

.dedicated-right a.jqTransformChecked {background-position: center bottom !important;}



.choose-cat label{font:15px/20px  'proxima_nova_rgregular'; padding:20px 0 15px 30px; display:block;}

.choose-cat textarea{ width:888px; margin:0 auto 0 30px; border:#dedede solid 1px; height:160px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;font:15px/20px  'proxima_nova_rgregular';}



.choose-cat input{width:400px; margin:10px 0 10px 30px; height:53px; border-bottom:#dbdcdd solid 1px; font:15px/20px  'proxima_nova_rgregular'; color:#2c3032; padding-right:30px;}

.choose-cat .code{ margin:20px 0 20px 30px; float:left}

.choose-cat iframe{ height:75px; margin-top:21px;}

.choose-cat [type="submit"]{display:block;background:#dc2611;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; width:160px; color:#fff; font:18px/53px 'OpenSans-Semibold'; text-transform:uppercase; margin:0 0 50px 30px;}

.choose-cat [type="submit"]:hover{ background:#43474f;}

.dedt-outr{ width:100%; border-bottom:#e3e3e3 solid 1px;}

.market{ padding:16px 0 0 0;}

.cms{padding:22px 0 0 0;}

.php{ padding:13px 0 0 0;}

.ui{ padding:8px 0 0 0;}

.xhtml{ padding:12px 0 0 0;}

.seo{ padding:0 0 0 0 }

.code-box{ margin:10px 0 10px 13px; height:60px;}

.name{ background:url(../images/apply-name-icon.png) center right no-repeat;}

.email{ background:url(../images/apply-email-icon.png) center right no-repeat;}

.phn{ background:url(../images/apply-pnt-icon.png) center right  no-repeat;}

.skype{ background:url(../images/skype-icon.png) center right no-repeat;}





/** slide-popup css st here **/

#slidingDiv {width:100%; background:#1c202b; position:relative; height:400px; padding-top:15px;}

.toogle-close{padding:0; height:60px; width:60px; position:absolute; right:0px; top:5px;}

.toogle-close a{ font:60px/20px  'proxima_nova_rgregular'; color:#FFF;}

.toogle-close a:hover{ color:#FF0000;}

.slide-popup-box{ width:800px; margin:0 auto; float:none;}

.slide-popup-box h2{ font:50px/60px 'clanotbook'; color:#FFF; text-align:center;}

.slide-popup-box p{ font:15px/30px 'clanotbook'; color:#FFF; text-align:center; padding-bottom:25px;}

.slide-popup-box-form-main{ widows:100%;}

.slide-popup-box-form{ widows:98%; margin-bottom:13px; width:100%; float:left;}

.slide-popup-box-form input{ width:100%; border:solid #464545 1px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; background:none; padding:15px 10px; color:#FFF; font:12px/26px 'clanotbook'; margin:0 8px 10px 0; width:45%}



.slide-popup-box-form input[ type="submit"]{ background:#72ba1c; color:#FFF; text-transform:uppercase; font:16px/26px 'clanotbold'; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; width:135px; border:none;}

/** slide-popup css st here **/



/***** php devlopment tab section css start here *****/

.development-tab-section{width:100%; float: left; margin:75px 0 65px; position: relative;}

.development-tab-section .resp-tabs-container{ float:left; padding-bottom:30px}

.development-tab-section .services-tabcontent{ width:600px; margin:0; padding:0; height:auto; background:none; text-align:left}

.development-tab-section .services-tabcontent h3{ color: #019bdc; font: 40px/50px 'open_sansbold'; letter-spacing: -2px; padding: 0;}

.development-tab-section .services-tabcontent h5{ width:auto; color:#028ec8; font: 22px/36px 'Noto Serif', serif; padding:20px 0 15px;}

.development-tab-section .services-tabcontent p{padding:0px 0 0 0; text-align:left; color:#323639; font: 16px/30px 'Noto Serif', serif;}

.development-tab-section .resp-tabs-list{ width:458px; height:458px; background:#fff url(../images/laptop.jpg) center center no-repeat; border:3px solid #94cc26; float:right; position:relative; border-radius:100%; margin-top:15px}

.development-tab-section .services-tabcontent .head-tab{ padding-bottom:20px;}

.development-tab-section .resp-tabs-list li a{ background:#0071b8; width:120px; height:150px; border-radius:100%; float:left; color: #fff; font: 13px/20px 'open_sansbold'; padding:0 15px; text-align: center; text-transform: uppercase; position:absolute; left:150px; top:-63px;} 

.development-tab-section .resp-tabs-list li a span{display: table-cell; height: 150px; vertical-align: middle; width: 150px;}

.development-tab-section .resp-tabs-list li a:after{ display:none}

.development-tab-section .resp-tabs-list li a#conts-9{ background:#20c277; left:-40px; top:50px}

.development-tab-section .resp-tabs-list li a#conts-10{ background:#6360a8; left:-43px; top:259px}

.development-tab-section .resp-tabs-list li a#conts-11{ background:#8dc917; left:inherit; right:155px; top:370px;}

.development-tab-section .resp-tabs-list li a#conts-12{ background:#359bdd; left:inherit; right:-38px; top:268px;}

.development-tab-section .resp-tabs-list li a#conts-13{ background:#f36f21; left:inherit; right:-46px; top:55px;}



.development-tab-section .resp-tabs-list li.resp-tab-active a{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit--moz-transform:scale(1.1); -ms--moz-transform:scale(1.1);}

/***** php devlopment tab section css end here *****/



/***** request a proposal page css start here *****/

#request-contant{ width:100%; margin:0 auto; background:#FFFFFF; padding:25px 0 10px 0;}

.request-contant-mid{ width:1200px; margin:0 auto; text-align:center;}

.request-contant-mid p {color: #2a2626; font: 17px/30px 'Noto Serif', serif;  padding: 5px 0 30px;}

.request-contant-mid h3{color: #06a7d5; font: 55px/80px 'open_sansbold';  padding: 5px 0 0px; text-transform:uppercase; }

.request-contant-mid-box-1{width:275px; border-radius:5px; margin:0 30px 0 0; border:1px solid #dadbdc; float:left; min-height:450px; box-shadow:0px 0 4px rgba(0, 0, 0, 0.2) inset;

-webkit-box-shadow:0px 0 4px rgba(0, 0, 0, 0.2) inset;

-moz-box-shadow:0px 0 4px rgba(0, 0, 0, 0.2) inset;

}

.request-box-inner{background:#f35212; text-align:center; border-radius:5px 5px 0 0; min-height:170px; position:relative;}

.request-box-inner:after{   border-color: #f35212 transparent transparent; border-style: solid; border-width: 15px 15px 0; content: ""; display: block;

    height: 0; right:15px; position: absolute; bottom:-8px; width: 0;}

.request-box-inner img{margin:10px 0;}

.webdevelop{background:#29cd99; position:relative;}

.webdevelop:after{border-color: #29cd99 transparent transparent; border-style: solid; border-width: 15px 15px 0; content: ""; display: block;

    height: 0; right:15px; position: absolute; bottom:-8px; width: 0;}

.media-market{background:#65af1d; position:relative;}

.media-market:after{border-color: #65af1d transparent transparent; border-style: solid; border-width: 15px 15px 0; content: ""; display: block;

    height: 0; right:15px; position: absolute; bottom:-8px; width: 0;}

.hire-resource{background:#06a7d5; position:relative;}

.hire-resource:after{border-color: #06a7d5 transparent transparent; border-style: solid; border-width: 15px 15px 0; content: ""; display: block;

    height: 0; right:15px; position: absolute; bottom:-8px; width: 0;}

input[type=radio].css-checkbox {display:none;}

input[type=radio].css-checkbox + label.css-label {height:25px; display:block;line-height:25px; background-repeat:no-repeat;					background-position: 0 0; font-size:20px; vertical-align:middle; cursor:pointer; width:auto; text-align:left; margin-left:30px; color:#fff; padding:0 0 0px 30px;  font: 20px/25px 'open_sansbold';}

input[type=radio].css-checkbox:checked + label.css-label {background-position: 0 -25px;}

label.css-label {/*background:url(../images/radiohover.png) no-repeat; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;				-moz-user-select: none; -ms-user-select: none; user-select: none;*/}

.request-contant-mid-box-1-check{width:86%; float:left; margin:20px 0 0 29px;}

.request-contant-mid-box-1-check a.jqTransformCheckbox { background: url(../images/checkbox.png) no-repeat left top; display: block; height: 19px;    vertical-align: middle; width: 22px;}

.request-contant-mid-box-1-check .jqTransformCheckboxWrapper { background: url(../images/checkbox.png) no-repeat left top; display: block; float: left;

height: 19px; vertical-align: middle; width: 20px;}

.request-contant-mid-box-1-check .span {float: left; font: 14px/22px 'proxima_nova_rgregular'; padding: 0 0 15px 10px; width: 87%; text-align:left; color:#2c3032;}

.request-contant-mid-box-1-check .jqTransformChecked { background-position: center bottom !important;}

.choose-cat-request form{width:1200px;}

.choose-cat-request .jqTransformInputWrapper{width:360px!important;}





.request-contant-mid-box-1 .request-box-inner .jqTransformCheckbox {

    background: url(../images/radiohover.png) no-repeat scroll center top transparent;

    display: block;

    height: 25px;

    vertical-align: middle;

    width: 25px;

}

.request-contant-mid-box-1 .request-box-inner a.jqTransformChecked {

    background-position: center bottom;

    color: #ff0000;

}

.request-contant-mid-box-1 .request-box-inner .jqTransformCheckboxWrapper{ color: #ffffff;

    display: block;

    float: left;

    margin:135px 4px 0 35px;

}



.choose-cat-request form label{font:15px/20px  'proxima_nova_rgregular'; padding:20px 0 15px 30px; display:block;}

.choose-cat-request form textarea{ width:350px; margin:11px auto 0 30px; border:#dadbdc solid 1px; height:76px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;font:15px/20px  'proxima_nova_rgregular'; padding:20px; resize:none}

.name-1{ background:url(../images/request-name.png) 290px center  no-repeat;}

.email-1{ background:url(../images/request-mail.png)  290px center no-repeat;}



.choose-cat-request form input{width:260px; margin:10px 0 0px 30px; height:53px; border:#dadbdc solid 1px; font:15px/20px  'proxima_nova_rgregular'; color:#2c3032; padding-right:30px; border-radius:5px; padding:0 40px 0 25px;}

.code{ margin:20px 0 20px 30px;}

.choose-cat-request [type="submit"]{display:block;background:#71b231;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; width:160px; color:#fff; font:18px/53px 'OpenSans-Semibold'; text-transform:uppercase; margin:0 0 25px 30px; padding:0; float:left; border-bottom:4px solid #598c27;

}

.choose-cat-request{width:1200px; margin:25px auto 35px auto; padding-bottom:20px; border-radius:10px; border:1px solid #dadbdc;box-shadow:0px 0 4px rgba(0, 0, 0, 0.2) inset;

-webkit-box-shadow:0px 0 4px rgba(0, 0, 0, 0.2) inset;

-moz-box-shadow:0px 0 4px rgba(0, 0, 0, 0.2) inset;}

.choose-cat-request h3{padding:15px 0 15px 18px; font:20px/22px 'open_sansbold'; color:#2c3032;}

.budget{ width:1200px; margin:25px auto 0 auto; border-radius:10px; height:90px; border:1px solid #dadbdc;box-shadow:0px 0 4px rgba(0, 0, 0, 0.2) inset;

-webkit-box-shadow:0px 0 4px rgba(0, 0, 0, 0.2) inset;

-moz-box-shadow:0px 0 4px rgba(0, 0, 0, 0.2) inset;}

.choose-cat-request p{ color: #2c3032; font: 16px/22px 'proxima_nova_rgregular'; padding: 0 0 0 35px;}

.budget h2{font:20px/90px  'open_sansbold'; color:#35393a; padding:0 0 0 40px; float:left;}

.budget img{margin:18px 0 0 65px;}

.from-box1{width:720px; float:left;}

.form-box2{width:390px; float:left;}

.form-box3{width:1200px; float:left;}

#req-top-part{background:url(../images/request-quote-banner.jpg) repeat-x; margin: 75px auto 0 auto; padding: 0; width: 100%; height:245px;}

#req-top-part h1{ font:80px/90px clanotnews; color:#FFFFFF; text-transform:uppercase; text-align:center; padding:70px 0 0 0;}

#req-top-part p{ font:22px/25px clanotnews; color:#FFFFFF; text-align:center; padding:0 100px; }

/***** request a proposal page css end here *****/



.ui-slider-horizontal { background: none repeat scroll 0 0 #fff; border: 1px solid #cac9c9; border-radius: 10px; width:65%; float:left; margin:40px 0 0 55px}

.ui-slider-horizontal .ui-slider-range{ background: #9fb700;}

.ui-slider-horizontal .ui-slider-handle{ background:#9fb700; border-radius: 100%; height: 22px; width: 22px; top:-7px !important;}

.price-range{ float:left; margin:30px 0 0 25px}

.price-range span{font:20px/30px  'open_sansbold'; color:#65af1d !important;}







#lets-talk-frm input.error{ color:#ff0000; border:#ff0000 solid 1px;}

.form-box2 textarea{ width:350px; margin:11px auto 0 30px; border:#dadbdc solid 1px; height:76px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;font:15px/20px  'proxima_nova_rgregular'; padding:20px; resize:none}

.from-box1 input{width:260px; margin:10px 0 0px 30px; height:53px; border:#dadbdc solid 1px; font:15px/20px  'proxima_nova_rgregular'; color:#2c3032; padding-right:30px; border-radius:5px; padding:0 40px 0 25px;}

.form-box3 input.code{width:260px; margin:10px 0 0px 30px; height:53px; border:#dadbdc solid 1px; font:15px/20px  'proxima_nova_rgregular'; color:#2c3032; padding-right:30px; border-radius:5px; padding:0 40px 0 25px; float:left;}

.request-box-inner img{margin:10px 73px 0 0;}



.jqTransformRadioWrapper { color: #ffffff;

    display: block;

    float: left;

    margin:135px 4px 0 35px;

}



.jqTransformRadio {

    background: url(../images/radiohover.png) no-repeat scroll center top transparent;

    display: block;

    height: 25px;

    vertical-align: middle;

    width: 25px;

}



a.jqTransformChecked {

    background-position: center bottom;

    color: #ff0000;

}

form.jqtransformdone label {

    color: #fff;

    display: block;

    float: left;

    font: 16px/20px 'proxima_nova_rgregular';

    margin:0px 0 0 10px;

    text-align: left; padding:24px 0 0 0;

}



.from-box1 label{ display:none!important;}



/***** degital marketing page css start here *****/

.degital-real{ width:100%;}
a.seoservices {color: #dc2611;}

.degital-real h2{ font-family: 'Noto Serif', serif;
    font-size: 36px;line-height: 45px; color:#000; text-align:center; padding-top:25px; padding-bottom:15px;}

.degital-real h3{ font:30px/52px 'Noto Serif', serif; color:#000; text-align:center; padding-top:50px; padding-bottom:60px;}

.degital-real p{ font:16px/29px 'Noto Serif', serif; color:#1f2022; padding-bottom:25px;}

.digital-search-opt{ width:100%; background:#2892cf;}

.search-opt-panel{ width:630px; float:left; padding:0; margin-bottom:50px;}

.search-opt-panel h2{ font:45px/65px 'open_sansbold'; color:#FFF; padding-top:30px;}

.search-opt-panel h5{ font:20px/40px 'Noto Serif', serif; color:#FFF; padding-bottom:25px;}

.search-opt-panel p{ font:18px/33px 'Noto Serif', serif; color:#f7f7f7}

.digital-find-out{  float:left; margin-top:25px;}

.digital-find-out a{ font:16px/45px 'Noto Serif', serif; color:#FFF; text-decoration:none; padding:0px 30px ; border: solid #8dc4e3 1px; display:block; border-radius:5px 5px 0px 5px;}

.digital-find-out a:hover{ background:#dc2611; transition: all 1s ease 0s; color:#FFF!important;}

.search-opt-panel-right{ width:500px; float:right; margin-top:50px;}

.search-opt-panel-right img{ vertical-align:middle; width:100%;}

.analytics{ width:100%; text-align:center; float:left; height:570px; overflow:hidden; background:url(../images/analytics-bg.jpg) center 50px no-repeat fixed; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; -o- background-size:cover; position:relative;}

.analytics-mid_banner{ width:1200px; margin:0 auto;}

.marketing_agency{ width:550px; float:left; background:url(../images/digital-marketing-ab.png) 0 0 repeat; height:590px; padding:0 30px;}

.marketing_agency h4{font:43px/65px 'open_sansbold'; color:#121111; padding:30px 0 0 0px; text-align:left;}

.marketing_agency h5{ font:20px/40px 'Noto Serif', serif; color:#121111; text-align:left;}

.marketing_agency p{font:18px/33px 'Noto Serif', serif; color:#121111; text-align:left; padding:20px 0px 0 0px;}

.marketing_agency .digital-find-out a{ color:#3698d1; font:16px/45px 'Noto Serif', serif; text-decoration:none; padding:0px 30px;}

.marketing_agency .digital-find-out{float:left; margin-top:25px; margin-left:0px;}

.digi-publishing{ width:100%; background:#FFF; padding-top:40px; margin-bottom:40px; display:inline-block;}

.digi-publishing-panel{ width:420px; float:left;}

.digi-publishing-panel img{ width:auto;}

.digi-publishing-content-panel{ width:730px; float:right;}

.digi-publishing-content-panel h2{ font:45px/65px 'open_sansbold'; color:#2892cf;}

.digi-publishing-content-panel h5{ font:20px/40px 'Noto Serif', serif; color:#121313; padding-bottom:25px;}

.digi-publishing-content-panel p{ font:18px/33px 'Noto Serif', serif; color:#121313}

.digi-publishing-content-panel .digital-find-out a{ color:#3699d2; font:16px/45px 'Noto Serif', serif; text-decoration:none; padding:0px 30px;}

.digital-social-second{width:100%; text-align:center; float:left; height:570px; overflow:hidden; background:url(../images/digital-social-bg.jpg) center 50px no-repeat fixed; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; -o- background-size:cover; position:relative;}

.conversion-rate{ width:100%; text-align:center; margin-bottom:45px; display:inline-block; padding-top:20px;}

.conversion-rate h2{ font:40px/48px 'open_sansbold'; color:#000; text-align:center; padding-top:25px;}

.conversion-rate h5{ font:20px/48px 'Noto Serif', serif; color:#000; text-align:center; padding-bottom:15px;}

.conversion-rate p{ font:16px/29px 'Noto Serif', serif; color:#1f2022; padding-bottom:25px;}

.conversion-rate a{ border: solid #8dc4e3 1px; border-radius:5px 5px 0px 5px;  margin-top:15px; margin-bottom:35px;  font:16px/45px 'Noto Serif', serif; color:#2892cf; text-decoration:none; padding:0px 30px; display:inline-block; width:auto; margin:20px auto 25px auto;}

.conversion-rate a:hover{background:#dc2611; transition: all 1s ease 0s; color:#FFF!important;}



.traffic{ display:block; margin:40px auto;}

/***** degital marketing page css end here *****/

.have-form-field-raw .jqTransformTextarea #jqTransformTextarea-mm{ width:100%;}

.let-left h4{color: #24242a; font: 700 22px/29px 'Noto Serif', serif; letter-spacing: -1px; padding-bottom: 20px;}

.have-form-field-raw-inr input.error{border-bottom: solid #ff6a4b 1px;}

.from-box1 .jqTransformInputWrapper input.error{border-bottom: solid #ff6a4b 1px;}

.choose-cat .jqTransformInputWrapper input.error{border-bottom: solid #ff6a4b 1px;}

.h-res{ margin-right:0px;}

.slide-popup-box-form-main h4{font:28px/30px 'open_sansbold'; color:#86c14c; text-align:center; padding-top:85px;}

.slide-popup-box-form .jqTransformInputWrapper{ width:45%!important;}

.slide-popup-box-form .jqTransformInputWrapper input{ width:90%!important;}

.slide-popup-box-form .jqTransformInputWrapper label{ display:none!important;}

.slide-popup-box-form  input[type="submit"], .slide-popup-box-form .jqTransformButton{ background: none repeat scroll 0 0 #72ba1c; border: medium none; border-radius: 3px; color: #fff; font: 16px/30px 'clanotbold'; text-transform: uppercase; height:55px; width: 135px; float:right;}

.loader{ position:inherit!important; top:50%!important; left:50%!important;}



.choose-cat-request .form-box3 label.error{ color:#FF0000; padding:10px 0 10px 19px;}

.php-color-bg{ background:#fafafb; border-top:1px solid #e7e8e8;}

.apply_singal_row input.error{ border-bottom:solid #ff0000 1px;}

.apply_singal_row textarea.error{ border-bottom:solid #ff0000 1px;}

.subscribe-form input.error{ border-bottom:solid #ff0000 1px;}

.subscribe-success p{ color: #86c14c; font: 28px/30px 'open_sansbold'; padding-top: 65px; text-align: center;}





/*=============web-analist-page-css-start======================*/

.web-analist-left{ width:500px!important; float:left; margin:0 0 40px 0;}

.web-analist-left h2{font:700 48px/45px 'Noto Serif', serif; letter-spacing:-2px; color:#2892cf; padding:30px 0 10px 0; text-transform:capitalize}

.web-analist-right{ width:670px!important; float:right;}

.wpcont-1-right img{ margin:65px 0 0 0;}

 

/*.we-love-code-outer{ background:url(../images/we-love-code-bg.jpg) repeat; width:100%; margin:0 auto;}*/

.we-love-code-outer{ background:#019bdc; repeat; width:100%; margin:0 auto;}

.we-love-code{ width:1200px; margin:0 auto; background:#019bdc;}

.we-love-code:after{ width:100%; height:0; clear:both; content:""; display:block;}

.we-love-code-left{ width:540px; float:left; padding:0;}

.we-love-code-left img{ margin-top:50px;}

.we-love-code-right{ width:630px; float:right; padding:0;}

.we-love-code-right h4{ margin-top:15px; color:#ffffff; font: 600 29px/29px 'Noto Serif', serif; letter-spacing:-1px;}

.we-love-code-right p { color:#ffffff;font: 20px/33px 'Noto Serif', serif; padding: 20px 0 0 0;}

.we-love-code-right a{ background:#dc2611;

    border-radius: 8px 8px 0;

    color: #fff;

    font: 16px/29px 'clanotmedium';

    padding: 11px 25px;

    text-align: center;

	margin-bottom:15px;

    vertical-align: middle; float:left; margin-top:15px;}



.hire-analist-outer{ width:100%; margin:0 auto ; background:0 #f6f6f7; padding:0 0 40px 0;}

.hire-analist{ width:1200px; margin:0 auto; padding:60px 0 20px 0;}

.hire-analist:after{ width:100%; height:0; clear:both; content:""; display:block;}

.hire-analist h1{font:700 45px/40px 'Noto Serif', serif; letter-spacing:-2px; color:#3292d1; text-align:center; padding-bottom:15px; text-transform:capitalize}

.hire-analist p { color: hsl(205, 24%, 26%); font: 20px/25px 'Noto Serif', serif;  padding:10px 0 0 0; text-align:center;}



.hire-analist-left{ float:left; width:580px; padding:40px 0 0 0;}

.hire-analist-left ul{ list-style:none;}

.hire-analist-left ul li{ /* background: url(../images/sign-icon.png) no-repeat left 9px;*/ color: #334654; display: block; float: none; font: 16px/29px 'Noto Serif', serif; margin: 0; padding: 0 0 5px 5px; width: auto; text-align:left; border:none;}

.hire-analist-left ul li p{color: #334654;  float: none; font: 18px/29px 'Noto Serif', serif; margin: 0;  text-align:left; border:none; display:table;}

.hire-analist-left ul li figure{ float:left; margin:10px 10px 0 0;}



.hire-analist-left ul a{color:#019BDC;}



.hire-analist .request-button a{ border: 1px solid #6ABFE3; border-radius: 10px 10px 0; color: #159dd8; display: inline-block; font: 700 14px/46px 'Noto Serif', serif; letter-spacing:-0.5px; padding: 0 16px; position: relative; text-transform:uppercase; }

.hire-analist .request-button a:after { background: url(../images/arrow.png) no-repeat right top; content: ""; display: inline-block; height: 9px; padding-left: 12px; width: 6px;}

.hire-analist .request-button .request-btn{background:#019BDC; color:#fff; margin:20px 0 0 0;}

.hire-analist .request-button .request-btn:after{background: url(../images/arrow02.png) no-repeat right top;}

.hire-analist .request-button a:hover { background:#019BDC; color: #FFFFFF; border:1px solid #3290cc}

.hire-analist .request-button a:hover:after { background: url(../images/arrow02.png) no-repeat right top;}





.hire-analist-right{ float:right; width:580px; padding:40px 0 0 0;}

.hire-analist-right ul{ list-style:none; }

.hire-analist-right ul li{  /*background: url(../images/sign-icon.png) no-repeat left 9px;*/ color: #334654; display: block; float: none; font: 16px/29px 'Noto Serif', serif; margin: 0; padding: 0 0 5px 5px; width: auto; text-align:left; border:none;}

.hire-analist-right ul li p{color: #334654;  float: none; font: 18px/29px 'Noto Serif', serif; margin: 0;  text-align:left; border:none; display:table;}

.hire-analist-right ul li figure{ float:left; margin:10px 10px 0 0;}



.hire-analist-right ul a{color:#019BDC;}





.p-t-w{border-top:1px solid #e9e9e9;}

.hire-analist-we-outer{ width:100%; background:#ffffff; margin:0 auto; padding:0;}

.hire-analist-we-outer .what-we-do{ width:1200px; margin:0 auto; padding:40px 0 0 0; position:relative; z-index:9;}

.hire-analist-we-outer .what-we-do:after{ width:100%; height:0; clear:both; content:""; display:block;}

.hire-analist-we-outer .what-we-do-img{ position:absolute;left: 34%; top:11%; width:auto; z-index:-1;}



.hire-analist-we-outer .what-we-do h2{ color: hsl(202, 68%, 48%);font: 700 48px/45px 'Noto Serif', serif;  letter-spacing: -2px;  text-transform: capitalize;}

.hire-analist-we-outer .what-we-do h3{ color: hsl(202, 68%, 48%);font: 700 43px/45px 'Noto Serif', serif;  letter-spacing: -2px;  text-transform: capitalize;}

.ptw > h2{ color: hsl(202, 68%, 48%);font: 700 22px/35px 'Noto Serif', serif!important;  letter-spacing:0.1px!important; text-align:center;  text-transform: capitalize;}

.hire-analist-we-outer .what-we-do-left{ width:500px; float:left; padding:35px 0 0 0;}



.hire-analist-we-outer .what-we-do-left .box-1{ margin:0 0 50px 0; width:80%;}

.hire-analist-we-outer .what-we-do-left .box-1 h4{color: #dc2611; font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; text-align:left; padding:5px 0;}

.hire-analist-we-outer .what-we-do-left .box-1 p{ font: 18px/25px 'Noto Serif', serif; color:#334654;}



.hire-analist-we-outer .what-we-do-left .box-3{ margin:0 0 70px 0; width:100%;}

.hire-analist-we-outer .what-we-do-left .box-3 h4{color: #24242A; font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; text-align:left; padding:5px 0;margin-top: -23px;}

.hire-analist-we-outer .what-we-do-left .box-3 p{font: 18px/25px 'Noto Serif', serif; color:#334654;}



.hire-analist-we-outer .what-we-do-left .box-5{ margin:0 0 105px 0; width:80%;}

.hire-analist-we-outer .what-we-do-left .box-5 h4{color: #dc2611; font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; text-align:left; padding:5px 0;margin-top: -32px;}

.hire-analist-we-outer .what-we-do-left .box-5 p{font: 18px/25px 'Noto Serif', serif; color:#334654;}



.hire-analist-we-outer .what-we-do-left .box-7{ margin:0 0 70px 0; width:100%;}

.hire-analist-we-outer .what-we-do-left .box-7 h4{color: #24242A; font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; text-align:left; padding:5px 0;margin-top: -73px;}

.hire-analist-we-outer .what-we-do-left .box-7 p{font: 18px/25px 'Noto Serif', serif; color:#334654;}



.hire-analist-we-outer .what-we-do-left .box-9{ margin:0 0 70px 0; width:100%;}

.hire-analist-we-outer .what-we-do-left .box-9 h4{color: #24242A; font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; text-align:left; padding:5px 0;}

.hire-analist-we-outer .what-we-do-left .box-9 p{font: 18px/25px 'Noto Serif', serif;, serif; color:#334654;}





.socialmedia-services .Wpsite-box{ margin-top:40px}

.socialmedia-services .Wpsite-box h3{font-size:22px;} 



.socialmedia-services ul{ margin-top:15px;}

.socialmedia-services ul li{ background: url(../images/sign-icon.png) no-repeat left 7px; color: #334654; display: block; font: 15px/29px 'Noto Serif', serif; padding: 0 0 5px 28px;}

.socialmedia-services ul li a{color: #334654;}

.socialmedia-services ul li a:hover{ color:#dc2611}





.hire-analist-we-outer .what-we-do-right{ width:500px; float:right; padding:35px 0 0 0;}

.hire-analist-we-outer .what-we-do-right .box-2{ margin:0 0 70px 0; }

.hire-analist-we-outer .what-we-do-right .box-2 h4{color: #24242A; font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; text-align:left; padding:5px 0;}

.hire-analist-we-outer .what-we-do-right .box-2 p{font: 18px/25px 'Noto Serif', serif; color:#334654;}

.hire-analist-we-outer .what-we-do-right .box-4{ margin:0 0 95px 0; padding:0 0 0 50px;}

.hire-analist-we-outer .what-we-do-right .box-4 h4{color: #dc2611; font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; text-align:left; padding:5px 0;margin-top: -23px;}

.hire-analist-we-outer .what-we-do-right .box-4 p{font: 18px/25px 'Noto Serif', serif; color:#334654;}





.hire-analist-we-outer .what-we-do-right .box-6{ margin:0 0 95px 0; }

.hire-analist-we-outer .what-we-do-right .box-6 h4{color: #24242A; font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; text-align:left; padding:5px 0;margin-top: -48px;}

.hire-analist-we-outer .what-we-do-right .box-6 p{font: 18px/25px 'Noto Serif', serif; color:#334654;}





.hire-analist-we-outer .what-we-do-right .box-8{ margin:0 0 70px 0; padding:0 0 0 50px;}

.hire-analist-we-outer .what-we-do-right .box-8 h4{color: #dc2611; font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; text-align:left; padding:5px 0;margin-top: -63px;}

.hire-analist-we-outer .what-we-do-right .box-8 p{font: 18px/25px 'Noto Serif', serif; color:#334654;}





.hire-analist-we-outer .what-we-do-right .box-10{ margin:0 0 70px 0; padding:0 0 0 50px;}

.hire-analist-we-outer .what-we-do-right .box-10 h4{color: #24242A; font:700 22px/29px 'Noto Serif', serif; letter-spacing:-1px; text-align:left; padding:5px 0;}

.hire-analist-we-outer .what-we-do-right .box-10 p{font: 18px/25px 'Noto Serif', serif; color:#334654;}



/*=============web-analist-page-css-end======================*/





.form-main .row input.company-icon { width: 306px !important;}

.form-main input.company-icon { background: url(../images/website-url.html) no-repeat right top #e8eff4; display: block; height: 40px;}

.form-main input.error, .form-main textarea.error{ border:1px solid #ff0000}

.row5{ float:left;}

.row5 input.checkbox {float: left; height: 14px; margin: 7px 8px 0 0; width: 14px;}

.row5 p { float: left; padding: 4px 0 0;}

#hd_form p {color: #24242a; font: 12px/18px 'clanotbook';}

.form-main input.contas-icon {background: url(../images/skype.html) no-repeat right top #e8eff4; display: block; height: 40px;}

.form-main input.best-time { background: url(../images/phone.html) no-repeat right top #e8eff4; display: block; height: 40px;}

.custombox-show ~ .custombox-overlay{ z-index:99 !important}

.custombox-show{ z-index:999 !important}



#hire-dedicated-resource{ width:800px; border-radius:3px;}

#hire-dedicated-resource .excited-talk{ width:800px;}

#hire-dedicated-resource .excited-talk .apply_form{ background:#fff; width:auto; border-radius:0 0 3px 3px}

#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row{ text-align:left}

#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .bfh-selectbox .bfh-selectbox-options{ top:90%;}

#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .total-e label{ font:16px/28px 'proxima_nova_rgregular'; color:#383b3e}

#hire-dedicated-resource .excited-talk .apply_form textarea{ height:90px; border:1px solid #d5d8da; border-radius: 3px; color: #383b3e; background:#fafcfd; box-shadow:2px 0 5px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:2px 0 5px 0 rgba(0, 0, 0, 0.1) inset; -ms-box-shadow:2px 0 5px 0 rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow:2px 0 5px 0 rgba(0, 0, 0, 0.1) inset; margin:0}

#hire-dedicated-resource .excited-talk .apply_form textarea:focus { box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; -webkit-box-shadow: 0 0 6px #f8b9b7; -ms-box-shadow: 0 0 6px #f8b9b7;}

#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row input[type="submit"]{ margin-top:0; padding:3px 26px}

#hire-dedicated-resource .excited-talk .apply_form .apply_main{ float:left;}

#hire-dedicated-resource .excited-talk .apply_form p{ display:inline-block; float:left; text-align:left; padding-top:12px; color: #383b3e; font:11px/20px 'Noto Serif', serif;}

#hire-dedicated-resource .excited-talk .form-main{ width:356px; box-shadow:none}

#hire-dedicated-resource .close {background: url(../images/close-btn.png) no-repeat 0 0; cursor: pointer; opacity:1; text-indent:-9999em; height: 38px; position: absolute; right: -15px; top: -5px; width: 38px; z-index: 9999;}

.dmca a{ float:right}

#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .bfh-selectbox-toggle{ margin-bottom:0}

.error-page{width:100%; text-align:center; margin: 140px 0 100px}

.error-page h1{color: #039dde; font: 40px/53px 'Noto Serif', serif; text-transform: capitalize;}

.error-page p{color: #039dde; font: 35px/53px 'Noto Serif', serif;}



.choose-cat-request .back-soon{color: #2c3032; float: left; font: 14px/22px 'proxima_nova_rgregular'; padding:17px 0 0 17px}







.iphone-bg{ background:#FFF; border-top: 1px solid #e7e8e8;}

.iphone-bg h4{ font: 700 23px/45px 'Noto Serif', serif; letter-spacing: -1px; text-align: center;}

.iphone-box-bg{ background:#fafafb; border-top: 1px solid #e7e8e8; border-bottom: 1px solid #e7e8e8; padding-top:25px; margin-bottom:25px;}

#wpcont4-outer .iphone-box-bg h2{ padding-bottom:20px;}

.php-color-bg .container .wpcont7left p{  font: 16px/29px 'Noto Serif', serif;}

.wpcont7left h3{ font: 700 20px/29px 'Noto Serif', serif; letter-spacing: -1px; text-align: left; padding-top:20px;}

.web-text{ text-transform:inherit!important;}

/*#aa4 {left: 486px !important;top: 223px !important;}

#aa5 {left: 771px !important;top : 223px !important;}

#aa6 {left: 1056px !important;top: 223px !important;}

*/



#aa6 { left: 78.1% !important; top: 50% !important;}

#aa5 { left: 57% !important; top: 50% !important;}

#aa4 {left: 36% !important; top: 50% !important;}



.apply_form .apply_singal_row .slider_captcha span{ top:0px;}











@media (min-width:1025px) and (max-width:2000px) {

#main-slider{ margin-top:74px;}

}

@media screen and (max-width: 1200px){

html, body{ min-width:inherit; }

#banner {height: 75%;}

img{ max-width:100%;	}

.logo {   padding-left: 2%; width:15%;}

nav ul li,nav ul li.request-proposal{ padding:0 1%; }

nav ul {width: 54%;}	.rgt { width: 46%;}

nav{   width: 82%;}

.container, .testimonial-slider .flick-slider,#wpcont9-outer .container,.app-continer, .pkg-wrp, .terms-part-2 .site-map-part,.zec-cart-bot{ width:98%;}.great-result-wrap{ width:100%;}

.great-result-wrap h1{ font-size:40px;}

.marketing-agency-text { width:40%;}

.about-marketing-agency { width: 56%;}

.marketing-agency-text h2 {font: 29px/46px 'proxima_novalight';}

.marketing-agency-text h2 {    font: 29px/46px 'proxima_novalight';}

.services-details ul{ width:47%;}

.digital-services-wrap .container h3{font: 46px/46px 'Noto Serif', serif;}

.text-col { margin-left: 3%;}	

.why-should-hire-col{width: 30%;}

.why-should-hire-col h4 {font: 47px/65px 'amaranthregular';}

.why-should-hire-col h4 span {font: 50px/70px 'amaranthbold_italic';}

small {    font-size: 70%;}

.why-should-hire-col a { font: 21px/25px 'amaranthregular';}

.four-reason-row { width:70%;}

.f1ip_container { width: 47%; height:306px;}.f1ip_card,.four-reason-col { width:100%;}

#special-services-wrap h3{  font: 46px/45px 'Noto Serif', serif;}

#special-services-wrap span {font: 700 45px/45px 'Noto Serif', serif;}


.four-reason-col p { color: #fff;   font: 15px/28px 'clanotnews';	}

.back h5 { color: #fff;  font: 700 15px/24px 'Noto Serif', serif;}

.back {padding: 9px 20px 0;}

#why-rwt{height: 657px;}

.blog-post{width: 24%; margin: 0 2% 10px 0;}

.special-service-col {  margin-left: 1%; width: 24%;} .hover-textbox { width:auto;}

.brand-col .brand-logo{width: 176px;}

.brand-col h5{ width:100%; min-width:inherit; font: 14px/55px 'clanotmedium';}

.lets-talk-row ul{ width:100%;}

.lets-talk-row ul li{ margin: 0 26px 25px; padding:0;}

.ani_bg{ left: 40px;}

#social-share-wrap ul li{ float:left;  min-width: inherit; width: 22%;}

#social-share-wrap ul li h5 {  font: 37px/50px 'clanotthin';}

.testimonial-slider{ width:98%!important;}

.testimonial-slider a { font: 29px/53px 'Noto Serif', serif;}

.testimonial-slider a {  font: 29px/53px 'Noto Serif', serif;}

.great-seven-year{ display:none;}

   

header nav ul li .submenu{ width:759px!important;  left: -174% !important;}

nav ul li .submenu li{ width:172px;}

nav ul li.request-proposal span img{ display:none; } 

.services-design{ width:100%;}  

.hire-developer .services-design ul li{width: 217px;}

.wpcont9left{ width:47%;} 

.hire-developer p {font: 18px/38px 'clanotbook';}

.app-continer p {font: 22px/40px "Open Sans";}

.res-part{ width:97%;}

.res-portfolio {width: 47%;  min-height: 557px;}

.hire-dedticed-box{ width:37.99%;}

.hire-dedticed-content  { width:51%; padding-right:2%;}

.month-get-start:before{background-size:100% auto;  width: 81%;}

.hour-panel{width: 100%; background-size:100% auto;}

.hour-panel-left{width: 41%;  padding: 28px 0 0;} .monthly { width: 50%; padding-right: 0;}

.hire-continer-part .hire-quilty {width: 17%; }

.hire-continer-part ul li {  font: 16px/25px 'clanotmedium';    padding-left: 2%;  width: 20%;}

.hire-continer-part ul li figure{ float:left; width:100%;}

.hire-continer-part ul li figure img{ float:none; padding:0 0 5px 0;}

.hire-continer-part .hire-quiltys { width: 14%;}

.meet-our-team-part {padding-top: 2%;}

.meet-our-team-part-left { width:21%;}

.meet-our-team-part-left span { font: 42px/48px 'amaranthitalic';}

.meet-our-team-part-left h1 { font: 81px/79px 'amaranthregular';}

.our-team-portfolio {  width: 77%;}

.our-team-portfolio ul li {  width: 23%;}

.our-team-portfolio ul li img{ height:auto;}

.asp-pro{ width:100%;}

.asp-left-box, .good-img { width: 45%;}

.asp-right-box,.good-reasons {width: 54%;}

.wpcont-1-left-seo,.wpcont-1-left{ width:50%;}

.wpcont-1-right {width: 47%;}

.wpcont7left{ width:46%; margin-right: 4%;}

.wpcont7left .col-left {width: 91%;}

.wpcont-1-right.g-search{ position:relative; top:0;}

.services-tabcontent{ margin-right: auto; margin-left: auto; width:71%; background-size:98% auto; float:none; height:auto;}	

#conts-1{ left:0; bottom:0;}

.wpcont5left {  width: 50%;}

#conts-2 {left: 8%;}#conts-3 { top: 33px; left: 224px;}

#conts-4 {top: 8px; left: 435px;}

#conts-5 {left: 641px;  top: 33px;}

#conts-6{left: 763px;}

.services-tabcontent h3 {font: 17px/40px 'clanotnews';}

.services-tabcontent img {    margin: 23px 0 0;}

.wpcont-1-left h1 { font: 700 41px/41px 'Noto Serif', serif;}

.wpcont-1-left p {       font: 21px/36px 'proxima_novalight';}

#wpcont4-outer .container h2 {       font: 700 32px/45px 'Noto Serif', serif;}

#wpcont6-outer .container ul{ margin:0 auto; width:47%; float:none;}

.cont4-left {    width: 47%;}

.Wpsite-box { width:100%;}

.cont4-right {  width: 49%;}

.want-seo{ width:98%;}

.wpcont-1-left-seo h2 {      font: 700 31px/45px 'Noto Serif', serif;}

.wpcont7left p {      font: 18px/29px 'Noto Serif', serif;}

.wpcont7left h2, .wpcont7left h2 { font: 700 20px/35px 'Noto Serif', serif;}

.lets-talk-row h2 {    font: 55px/60px 'amaranthbold_italic';}

.wpcont7left + .wpcont7left{ float:left;}

.about-continer, .experiment, #career-contant-mid, .opening-part,.nice-section, .office-location, .have-form-field,.sign-box-package, .portfolio-text-row{ width:98%;}.about-text {  margin: 25px 4%;    width: 92%;}

.flick-slider, .flickerplate, .opening-part-row, .testimonial-row{ width:100%;}

.about-text-left-panel{ width:47%;}

.arrow-navigation.left {right: 55px;    top: -64px;}

.arrow-navigation.right { right: 0;    top: -64px;}

.opening-part .box{ width:45%; margin:0;  padding: 20px 2%;     min-height: 410px;}.opening-part .box + .box{ float:right;}

.opening-part .box h5{font: 16px/25px 'clanotmedium';}

#wpcont5-outer .container .please-email-part h2{font: 22px/29px 'Noto Serif', serif;}

.email-box-cont {padding-right: 2%; width: 36%;}

.career-box-cont {    width: 26%;}.please-email-part {padding-right: 2%;}

#wpcont5-outer .container .please-email-part h2 {    font: 18px/29px 'Noto Serif', serif;}

.have-form-field-raw-inr{width: 27%;  margin: 0 2%;}

.have-form-field-raw-inr input{ padding:10px 2%; width:96%;}

.nice-section h1, .plase-call-part ul{ width:100%;}

.nice-section h1 img{ left:9%;}.plase-call-part ul li { padding:0 2%;}

.content-writing-col{ width:auto;}

.bnr-img {width: 98%; padding-top:20%; height:380px;}

#banner{ background: url(../images/banner.jpg) center center no-repeat;   } 

#why-rwt { background: url(../images/why-rwt-bg.jpg) center top no-repeat ;}

#subscribe-wrap {background: url(../images/subscribe-bg.jpg) center top no-repeat;}

.subscribe-form {width: 67%;}

.subscribe-form input { width: 60%; padding: 12px 5% 12px 12%;}

#wpcont3-outer .container h3 {font: 25px/40px 'clanotbook';}

#wpcont5-outer .container h2 {	 font: 700 32px/45px 'Noto Serif', serif;}

#wpcont5-outer .wpcont7left h2{ font: 700 22px/29px 'Noto Serif', serif;}

.hire-developer h1, .app-continer h1 {font: 700 43px/50px 'Noto Serif', serif;}

.mid-contant-box h2 { font: 700 35px/45px 'Noto Serif', serif;}

.hire-developer ul li{width: 137px;}.hire-developer ul li span {font: 15px/23px 'clanotmedium';}	

.hire-wd{width: 62%;}.how-it-work {   width: 34%;}



.let-left {padding-right: 1%;    width: 50%;}

.project-suss {width: 47%;}

.let-expeorts h2 {     font: 700 29px/45px 'Noto Serif', serif;}

.pkg-wrp table tr td{width: 174px;}.terms-part-left{ width:47%;}

.terms-part-right{width: 47%;}

.refund-left {   width: 65%;}

.site-map-left {     width: 33%;}

.site-map-left ul{ padding-bottom:10px;}

.fornt-end{ background:#f5f6f9; height:auto; }.fornt-end3{ background:#fff; height:auto;  padding: 35px 0 0;}.fornt-end2{ height:auto;}

.creative-float{ width:100%; height: auto;}	.services-design ul{ margin:0;}



.we-are-diffrent ul{ width:49%}

.lets-talk-row ul li{ width:19%}

.lets-talk-row ul li figure{ left:39%; width:28%}

.lets-talk-row ul li .ani_bg{ left:28%}

.lets-talk-row ul li .ani_bg-2{ left:27%}

#conts-3 {left: 21%; top: 10%;}

#conts-4 {left: 38%; top: 0;}

#conts-5 { left: 55%; top: 5%;}

#conts-6{ left:72%; top:29%}

.services-tabcontent .theme2_box, .services-tabcontent .theme7_box, .services-tabcontent .theme3_box, .services-tabcontent .theme4_box, .services-tabcontent .theme5_box,.services-tabcontent .theme6_box , .services-tabcontent .theme7_box{ width:100%; background-size:98% auto; height:auto;}

.c_d-right-box{ width:100%}

.crd-ul{ width:50%}





#content{ width:100%;}

.content{ width:99%;}

.content-hire{ width:59%;}

.content-excited{ width:39%;}

#phpprogram{ width:100%;}

.phpprogram{ width:99%;}

.phpprogram h2{ font-size:30px; line-height:40px; padding:15px 0 0 0;}

.phpprogram p{ padding-bottom:20px;}

.phpprogram img{ padding-right:2%;}

#technical-skills{ width:100%;}

.technical{ width:99%;}

.technical-left{ width:46%;}

.technical-left ul li{ padding:0 1%;}

.technical-right{ width:46%;}

.technical-right ul li{ padding:0 1%;}

#strenth-part-outer{ width:100%;}

.strenth-part{ width:99%;}

.box-row{ width:100%;}

.box-left{ width:50%;}

.box-right{ width:48%; padding:0 0 0 1%;}

.img-box{ margin:0 1% 0 0;}

.txt-box{ width:60%;}

.txt-box ul li a{ font-size:13px;}

#outsource-outer{ width:100%;}

.outsource-part{ width:99%;}

.outsource-part ul li{ padding:0 15px;}

.outsource-part ul li figcaption{ font-size:13px;}



.webdesign-popup #custombox-modal { width: 97%!important; margin: 0!important; left: 1% !important;}

.web-popupcontent{ width:100%!important}

.zoomer_wrapper{ width:68%;}

.popup-content{ width:32%;}

.web-popupcontent .close {right: -2%;top: 1%;}



/*=======================Hire Dedicated resource========================*/

.choose-cat , .choose-cat , .dedt-team{width:100%; margin-bottom:20px!important;}

.dedicated-left{ width:25%;}

.dedicated-right{ width:75%;}

.dedicated-right .span{ width:20%;}

.choose-cat input{ width:88%;}

.choose-cat textarea{ width:95%;}

.dedicated-right .span{ min-width:30%; padding:0 0 14px 5px;}



.slide-popup-box{ width:90%}





.development-tab-section ul.resp-tabs-list {display: none;}

.development-tab-section .services-tabcontent{ width:98%; float:left;}

.development-tab-section .resp-tabs-container{ width:100%; float:left; margin-bottom:2%}

.development-tab-section .resp-tabs-container h2.resp-accordion{display: block; font: 16px/28px 'Noto Serif', serif; letter-spacing: inherit; text-align:left; color:#000; width:97%; float:left; background: url(../images/tab-bg.gif) repeat-x left top; border: 1px solid #dbdede; margin-bottom:1px; cursor:pointer; padding:1%; border-radius:3px;}

.development-tab-section .resp-tabs-container h2 .resp-arrow { background: url(../images/plus.png) no-repeat right top;  height: 21px; width: 21px; margin:6px 10px 0 0; float:right}

.development-tab-section .resp-tabs-container h2.resp-tab-active .resp-arrow { background: url(../images/minus.png) no-repeat right top;}

.development-tab-section .services-tabcontent h3{ padding-top:10px}

.development-tab-section .services-tabcontent h5{ padding:10px 0 5px}

.development-tab-section .services-tabcontent p{ padding-bottom:15px}

/*=============request-css======================*/

.from-box1 , .form-box2{ width:94%;}

.form-box3 input.code{ margin-left:10px;}

.choose-cat-request form input{ margin-left:10px;}

.budget{ width:99%}

.budget img{  margin:20px 0 0 2%; max-width:80%;}

.request-contant-mid{ width:99%;}

.request-contant-mid-box-1{ width:22%;}

.choose-cat-request ,.choose-cat-request form , .form-box3{ width:99%;}

.analytics-mid_banner{ width:100%; margin:0 auto;}

.marketing_agency{ padding:0 0 20px 0;}

.search-opt-panel ,.marketing_agency{ width:55%; padding-top:12px;}

.digi-publishing-panel{ width:32%;}

.search-opt-panel-right{ width:40%;}

.digi-publishing-content-panel{ width:60%;}

.search-opt-panel h2{ padding:10px 0 0 0;}

.marketing_agency h4{ padding:0px 0 0;}

.degital-real h1{ font-size:30px; padding-bottom:5px;}

.search-opt-panel h5{ font-size:20px; line-height:20px; padding-bottom:12px;}

.marketing_agency p{ padding-top:10px;}

.search-opt-panel p{ padding-top:10px;}

.digi-publishing-content-panel h5{ padding-bottom:10px;}

.conversion-rate h5{ padding-bottom:10px;}



/*=============digital-marketing-css======================*/

.digital-social-second , .analytics{ width:99%; height:auto;}

.marketing_agency{ width:50%; height:auto;}

#req-top-part{ margin-top:0px;}





/*=============web-analytics.php-css-start======================*/



.web-analist-left{ width:47%;}

.web-analist-right{ width:48%!important;}



.we-love-code-outer{ width:100%;}

.we-love-code{ width:98%;}

.we-love-code-left{ width:46%; padding:30px 0 0 0;}

.we-love-code-right{ width:50%; padding:20px 0 0 0;}

.we-love-code-right p{ padding:10px 0 0 0;}



.hire-analist-we-outer{ width:100%;}

.hire-analist-we-outer .what-we-do{ width:98%; padding:15px 0 0 0;}

.hire-analist-we-outer .what-we-do-img{ display:none;}

.hire-analist-we-outer .what-we-do-left{ width:48%;}

.hire-analist-we-outer .what-we-do-left .box-1{ width:100%; margin-bottom:25px;}

.hire-analist-we-outer .what-we-do-left .box-3{ width:100%; margin-bottom:25px;}

.hire-analist-we-outer .what-we-do-left .box-5{ width:100% ;margin-bottom:25px;}

.hire-analist-we-outer .what-we-do-left .box-7{ width:100%; margin-bottom:25px;}

.hire-analist-we-outer .what-we-do-right{ width:48%;}

.hire-analist-we-outer .what-we-do-right .box-2{ padding-left:0; margin-bottom:25px;}

.hire-analist-we-outer .what-we-do-right .box-4{ padding-left:0; margin-bottom:25px;}

.hire-analist-we-outer .what-we-do-right .box-6{ padding-left:0; margin-bottom:25px;}

.hire-analist-we-outer .what-we-do-right .box-8{ padding-left:0; margin-bottom:25px;}



.hire-analist-outer{ width:100%;}

.hire-analist{ width:98%; padding-top:20px;}

.hire-analist h1{ font-size:35px; padding-bottom:0;}

.hire-analist-left{ width:46%;}

.hire-analist-right{ width:48%;}



/*=============web-analytics.php-css-end======================*/



#aa4{ left:72%; !important; top:34%; !important;}

#aa5{ left:57% !important; top:50.1% !important;}

#aa6{ left:78% !important; top:50.1% !important;}



}



@media screen and (max-width: 1024px) {

.lets-talk-row ul li .ani_bg{ left:10% !important;}



.logo img{ margin-top:18px;}

.request-proposal{padding:0 12px;}

ul.resp-tabs-list {display: none;}

nav ul li, nav ul li.request-proposal{ padding:0 2%}

.lets-talk-row ul li figure{ left:42%}

.services-tabcontent .theme2_box, .services-tabcontent .theme7_box, .services-tabcontent .theme3_box, .services-tabcontent .theme4_box, .services-tabcontent .theme5_box,.services-tabcontent .theme6_box , .services-tabcontent .theme7_box{ background:none;}

.resp-tabs-container{ width:100%; float:left; margin-bottom:2%}

.resp-tabs-container h2.resp-accordion{display: block; font: 16px/28px 'Noto Serif', serif; letter-spacing: inherit; text-align:left; color:#000; width:97%; float:left; background: url(../images/tab-bg.gif) repeat-x left top; border: 1px solid #dbdede; margin-bottom:1px; cursor:pointer; padding:1%; border-radius:3px;}

.resp-tabs-container h2 .resp-arrow { background: url(../images/plus.png) no-repeat right top;  height: 21px; width: 21px; margin:6px 10px 0 0; float:right}

.resp-tabs-container h2.resp-tab-active .resp-arrow { background: url(../images/minus.png) no-repeat right top;}

.services-tabcontent{ width:100%; background:none; margin:0; float:left; padding-bottom:3%; text-align:left;}

.services-tabcontent img{ float:left; margin-right:12px}

.services-tabcontent p{ text-align:left; padding:0; display:table}

.custombox-modal{ width:78%!important}

.apply_form{ width:95%}

.apply_singal_row input{ width:93%}

.total-e{ width:48%}

.item4 .c_d-right-box{ width:98%}

.portfolio .portfolio-detail-col{ width:45.5%}

.portfolio .portfolio-col2{ width:26.5%}

.resp-hide{ display:none}

.our-latest-work ul li.last-prot{ display:none}

.isotope { height: 430px !important;}

.pic-caption .hovertext, .pic-caption .hover-text{ display:none}

.portfolio-row{ min-height:inherit}

.office-location{ background:none; height:auto; margin-bottom:2%; float:left;}

.us-off:after, .ind-off:before{ display:none}

.office-location-left{ width:46%; padding-left:2%;}

.ind-location{ width:46%; float:left}

.tab-box{ width:683px}

.our-latest-work ul li.populer-web-port { width: 45.5%;}

.our-latest-work ul li{ width:26.5%}

.our-logo{ display:none}

.our-latest-work{ margin-bottom:2%}



.content-hire{ width:57%;}

.content-excited{ width:40%;}

.content-hire h3{ line-height:30px; font-size:18px;}

.phpprogram h2{ font-size:20px; padding:2px; line-height:35px;}

.phpprogram img{ padding-right:1%; padding-left:2px; padding-top:2%;}

.phpprogram p{ padding:0; font-size:14px; line-height:26px;}

.txt-box h4{ font-size:20px; padding:0 0 5px 0;}

.txt-box ul li{ padding:0 0 0 25px;}

.txt-box ul li a{ line-height:25px;}

.img-box{ width:38%;}

.outsource-part ul li{ width:15%; padding:0 3px;}



.dedt-team ul li{ width:14%; margin:0 20px 0 0;}

.dedicated-left h4{ width:60%;}

.dedicated-left .jqTransformSelectWrapper{ width:55%!important; margin:10px 0 0 20px;}

.dedicated-right .span{ min-width:30%; padding:0 0 14px 5px;} 



.comp-name h3{ font-size:18px}

#req-top-part h2{ font-size:60px; line-height:75px; padding:80px 0 10px 0;}

#req-top-part p{ padding:0 20px;}

.request-contant-mid-box-1-check{ margin:20px 0 0 5px;}

.request-box-inner img{ margin:10px 55px 0 0;}

.budget img{ max-width:75%;}

.request-contant-mid-box-1{ width:22%;}

.marketing_agency{ padding-left:2%; padding-right:2%;}

.conversion-rate h2{ padding-top:0px;}

#req-top-part h1{ font-size:70px;}

.search-opt-panel h2{ font-size:43px; line-height:50px; padding-bottom:10px;}

.conversion-rate h2{ font-size:43px;}

.budget h2{ padding-left:10px;}

.form-box3 .jqTransformInputWrapper{ margin-left:25px;}



.logo a{ z-index:1; position:relative}

a.pull{ display:block;} nav ul{ display:none; z-index:9999; top: 62px; width:100%; background:#30333d;} 

.rgt{ position: absolute;    right: 0;    top: 0; width:auto;}

.menu{display: block;  position: relative; width: 100%;} .logo{ position:absolute;}.logo img { width:121px;}

nav ul li{ width:98%; padding-right:0; border-top:1px solid #1e1f24;} nav ul li.services a { color:#fff;    padding: 0 0px 0 15px;}nav ul li a {padding-bottom: 0; color:#fff; }

nav ul li.services:hover a{ border-radius:0;}header nav ul li .submenu{  top: 45px !important; border-radius:0; width:100%!important;} 

nav ul li .submenu li ol li,nav ul li .submenu li{ border:none;}

.rgt span a img{ display:block;}

.rgt span a img + img{ display:none;}

.rgt span.phon-no a{ display:block;}

.rgt span.phon-no img{ display:none; }

.rgt span{font-size:0;}.rgt span.phon-no a img{ display:block;}

.request-proposal{ padding:0;}

.rgt span a{ text-indent:-333em; font-size:0;}

.request-proposal{ background:none;}

.subscribe-form {    width: 57%;}

.wpcont7left + .wpcont7left {    float: right;}

.subscribe-form input {padding: 12px 5% 12px 15%;    width: 55%;}

.subscribe-form input[type="submit"] {   width: 20%; padding:0;}

.great-result-wrap h1 {    font-size: 34px;}

.logo{ width:100%; text-align:center; padding:0; line-height:53px; }

nav{ width:100%;} 

header{ padding:0;  height: auto!important; position:static;  margin-bottom: 1px; }

#wpcont-1-outer,#career-top-part,.your-apps{ margin:0 auto;}

header:after{ clear:both; content:""; width:100%; height:0; display:block;}

header.sticky{ height: auto!important; position:static;}

nav ul li.services a{ border:none; padding-left:21px;}

header nav ul li .submenu{ left: 0 !important;}

header nav ul li .submenu{ border-top:none}

nav ul li.services:hover a{ width:98%}

nav ul li .submenu li{ width:222px;}

.our-latest-work{ height:424px; overflow:hidden;}

#content{ margin-top:0px;}

.choose-cat .jqTransformTextarea{ width:94%; height:110px;}

.services .choose-cat label{ color:#000!important; margin:0 0 10px 38px; padding-top:2px;}

.your-apps{ height:auto; padding:25px 0px;}

.app-continer{ padding:0px;}

.app-continer h1{ padding-top:0px;}

.choose-cat-request [type="submit"]{ margin-left:37px;}



.hire-dedicat .custombox-modal{ left:1%; margin:0 !important; width:97% !important}

#hire-dedicated-resource{ width:100%;}

#hire-dedicated-resource .excited-talk{ width:100%}

#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .total-e input{ width:85%}

#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .bfh-selectbox-toggle{ width:92%}

#hire-dedicated-resource .excited-talk .apply_form .txtarea{ width:98%}

#hire-dedicated-resource .excited-talk .apply_form .txtarea textarea{ width:98%}

#hire-dedicated-resource .close{ right:-2px}



#aa4{ left:72.2% !important; top:33.4% !important;}

#aa5{ left:0% !important; top:66.8% !important;}

#aa6{ left:26.8% !important; top:66.8% !important;}



}



@media screen and (max-width: 768px){

.lets-talk-row ul li .ani_bg{ left:10% !important;}



.logo img{ margin-top:18px;}

#main-slider .carousel-control{ bottom:48px;}

#req-top-part h1{ padding-top:85px;}

.choose-cat .jqTransformInputWrapper{ width:45%!important;}

nav ul li.services a{padding-left:15px;}

nav ul li .submenu li{ width:172px;}

.great-result-wrap h1 span {  font: 700 34px/45px 'Noto Serif', serif;}

#banner{ height:auto;}

.ani_bg {    left: 26px;}

.lets-talk-row ul li { width: 160px;  margin: 0 12px 20px;}

.lets-talk-row ul li figure{ width:100%;}

.lets-talk-row ul li p small {font: 37px/37px 'alphamack_aoeregular';}

#social-share-wrap ul li h5 {    font: 23px/50px 'clanotthin';}

#social-share-wrap ul li {width: 21%;}

#social-share-wrap ul li h6 {clear: both; text-align:left;}

#social-share-wrap ul li figure { margin-bottom: 8px;}

.services-design ul li figure {       border-radius: 100px; height: 148px;     width: 100%;}

.hire-developer ul li img{ padding-top:2px;}

.meet-our-team-part-left {    width: 100%;}

.meet-our-team-part{ height:auto; padding-bottom:52px;}

.meet-our-team-part-left span {font: 42px/48px 'amaranthitalic'; text-align: center;}

.meet-our-team-part-left h1 { font: 81px/79px 'amaranthregular';    text-align: center;}

.our-team-portfolio {    width: 100%;}

.good-img { float:none; margin:0 auto; width:52%;}

.asp-left-box{ display:none;}

.asp-right-box{ width:100%;} 

.asp-right-box .sign-box ul li{ width:42%; display:inline-block; float:left; margin-right:2%;}

.flex-bdr .sign-box ul li{  padding-bottom: 6px;    width: 40%;}

.flex-bdr .sign-box ul{ margin-bottom:30px; float:left;}

.bnr-img { height:320px; padding-top:13%;}

.wordpress-tab-box a span {height: 118px;}

#conts-1, #conts-2, #conts-3, #conts-4, #conts-5, #conts-6, #conts-7{width: 111px;  background-size: 100% auto;  height: 136px;}

.wordpress-tab-box a {font: 11px/22px 'clanotbold';}	

#conts-1.activeLink:after{  left: 92px;    top: 98px;}

#conts-2 { left: 2%;}

#conts-3 { left: 135px;    top: 62px;}

#conts-4 {  top: 34px;  left: 298px;}

#conts-5 {  left: 453px;    top: 64px;}

#conts-6 { left: 594px;}

#wpcont4-outer .container h2 {    font: 700 28px/45px 'Noto Serif', serif;}

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

.wpcont5right ul li span {  padding: 20px 0 0 2%;}

.wpcont5right ul li { font: 27px/95px 'clanotbook'; width: 46%; margin-right:1%;}

#wpcont6-outer .container ul { margin: 0 auto;    width: 87%; float:none;}

#wpcont6-outer .container ul li {margin: 0 2% 0 0;}

.Wpsite-box h3 {        font: 18px/34px 'OpenSans-Semibold';}

.col_new .wpcont5left{ width:100%;}

.col_new .wpcont5left ul li{ width:47%; margin-right:2%;}

 #wpcont4-outer .col_new .good-img{ display:none;}

 .container .designing-left-col {    width: 98%;}

 .app-continer h1 {    font: 36px/52px 'open_sansbold';}

 #conts-2.activeLink:after{ left: 98px;    top: 100px;}

 #conts-3.activeLink:after{ left: 89px; top: 109px;}#conts-4.activeLink:after{top: 112px;}

 #conts-5.activeLink:after{  left: 18px; top: 101px;}

 #conts-6.activeLink:after{  left: 9px;    top: 100px;}

 #conts-7.activeLink:after{top: 95px;    left: 7px;}

 .mid-contant-box h2 {    font: 700 29px/45px 'Noto Serif', serif;}

 .hire-developer ul li {    margin: 0 2% 10px 0;    width: 181px;  padding-top: 4px;}

 .per-hour-box{width: 93%; left: 5%;}

 .blue-box h3 span {font-size: 27px;}

 .blue-box h3 {width: 42%; font-size:17px;}

 .blue-box:after,.blue-box:before{ display:none;}

 .blue-box {width: 65%;}

 .wpcont7left .sign-box ul{ width:91%;}

 .wpcont-1-left h1 {    font: 700 37px/41px 'Noto Serif', serif;}

 .col_row{ float:left; width:48%;}

 .asp-right-box.col_row{ width:100%;}

 #wpcont5-outer .container h2 {    font: 700 23px/36px 'Noto Serif', serif;}

 .refund-left {   width: 90%;}

 .refund-right {   text-align: center;    width: 100%; margin:0;}

 .terms-part h2 { font: 39px/50px 'clanotmedium';}

 .services-design ul{ margin-left:0; width:100%;}.hire-developer .services-design ul li {    width: 150px;}

 .site-map-left h5{font: 15px/30px 'clanotmedium';}

.site-map-left h4 {font: 19px/35px 'clanotmedium';}

.testi-box-left {     width: 48%;}.testi-box-right { width: 48%;}

.testi-box { width:100%;}

.portfolio-row{ min-height:inherit;}

.hire-developer h1 {font: 700 37px/34px 'Noto Serif', serif;}

.hire-developer .services-design ul li { width: 145px;}

.c_d-right-box h2 {  font: 22px/35px 'clanotmedium';}

.lets-talk-row h2 {    font: 47px/60px 'amaranthbold_italic';}

#wpcont9-outer .container h2 { font: 34px/45px 'clanotbook';}

.app-continer h1 {    font: 35px/52px 'open_sansbold';}.res-portfolio h2 { font: 28px/48px 'open_sansbold';}

.hire-developer h1, .app-continer h1 { font: 700 32px/35px 'Noto Serif', serif;}

.res-portfolio h2 {  font: 29px/48px 'open_sansbold';}

.hire-developer p br{ display:none;}

.container .wpcont5right { margin:0 auto;  text-align:center; width:100%;}

.wpcont-1-right{ display:none;}

.wpcont-1-left-seo, .wpcont5left,.wpcont-1-left{ width:100%;}#wpcont4-outer,.asp-right-box{ padding-bottom:0;}

.wpcont-2 h2 {  font: 700 34px/45px 'Noto Serif', serif;}

.wpcont-2 p span { font: 15px/30px 'Noto Serif', serif;}#letstalk-wrap{ margin-top: 0;}

.col_new1{width: 96%; float:left; padding-bottom: 8px;}

.about-continer h1 { font-size:52px;}

.flickerplate ul.flicks > li { background-size:100% auto; background-repeat:no-repeat;}

.mid-gallery-outer{ height:auto;}

.flick-slider {    height: 682px;}

.nice-section h1 {font: 66px/83px 'clanotbook';}.nice-section h1 img {    left: 18%;}

.have-call-us h1 {padding: 18px 0;}.have-form-field-raw-inr span {right: 9px;}

.flex-bdr .col_new1.clm1 li, .col_new1.clm1 ul li{   width: 100%!important; padding-bottom: 12px; }

.col_new .clm-1 ul li{ margin: 0;    width: 95%;}

.cd-clm1{ width:100%; border:none; margin:0;}

.wpcont7left + .wpcont7left .col-left{ width:100%;}.wpcont7left ul:after{ background:none; display:none}

.our-work h3{font: 15px/25px 'clanotmedium'; padding: 21px 0 2px 15px;} .inr-part{ display:none;}

.isotope { height: 320px !important;}

.office-location-left, .ind-location{ width:48%;}

.bnr-img{ width:97%}

.we-are-diffrent ul li figure{ min-height:120px; width:15%; margin-right:3%}

.lets-talk-row ul li{ width:23%; margin: 0 1% 3%;}

.lets-talk-row ul li .ani_bg{ left:16%}

.lets-talk-row ul li .ani_bg-2{ left:15%}

.lets-talk-row ul li figure{ left:-3%}

.hire-dedticed-content p{ padding-bottom:5%}

.webdesign-list ul{ width:100%; margin:0;}

.services-tabcontent img {  width: 10%;}

.month-get-start:before{ background:none}

.month-get-start a{ font-size:20px; line-height:25px; padding:15px 5%}

.custombox-modal { width: 94% !important; margin-left:2%; left:50%}

.apply_main textarea{ width:93%}

.wpcont7left + .wpcont7left{ float:left;}

.client-work-row{ padding-top:20px}

.client-work-row h1{ font-size:58px; line-height:70px}

.tab-box{ width:auto;}

.e-com{ margin:0}

.pkg-wrp ul{ width:100%}

.pkg-wrp ul li.smo{ width:24%}



#content{ margin:0 auto}

.content-hire{ width:48%;}

.content-excited{ width:51%;}

.content-hire h1{ font-size:34px; line-height:50px; padding:15px 0 0 0;}

.content-hire h3{ line-height:30px; font-size:20px;}

.phpprogram h2{ font-size:20px; padding:2px; line-height:35px;}

.phpprogram img{ padding-right:1%; padding-left:2px; padding-top:2%;}

.phpprogram p{ padding:0; font-size:14px; line-height:26px;}

.txt-box h4{ font-size:20px; padding:0 0 5px 0;}

.txt-box ul li{ padding:0 0 0 25px;}

.txt-box ul li a{ line-height:25px;}

.img-box{ width:38%;}

.outsource-part ul li{ width:15%; padding:0 3px;}



.dedt-team ul li{ width:33%; margin:0 auto; }

.choose-cat, .choose-cat, .dedt-team{ width:95%; margin:0 auto;}

.dedicated-right .span{ min-width:43%; padding:0 0 14px 5px;} 

.dedicated-left{ width:40%;}

.dedicated-right{ width:50%;}

.dedicated-left .jqTransformSelectWrapper{ width:90%!important;}

.hire-developer{ margin-bottom:0px; padding-top:20px;}

.zoomer_wrapper{ width:60%;}

.popup-content{ width:40%}

.slide-popup-box{ width:96%}

.bnr-img h1{ font-size:65px;}

.bnr-img h2{ font-size:25px;}

.great-result-wrap h2{ font-size:29px;text-align: center;}

.why-should-hire-col h4{ font-size:43px;}

.have-form-field-raw textarea{ width:88%;}

.have-call-us h2{ padding:20px 0px; font-size:50px; line-height:60px;}



.analytics{ height:405px;}

.digital-search-opt{ padding-bottom:40px;}

.search-opt-panel-right img , .digi-publishing-panel{ display:none;}

.search-opt-panel, .marketing_agency , .digi-publishing-content-panel{ width:99%; float:none; margin:0 auto; padding-left:8px; padding-top:10px;}

.choose-cat-request form textarea{ width:95%; margin-left:10px;}

#req-top-part{ margin:0 auto;}

#req-top-part h2{ padding:80px 0 5px 0; font-size:60px;}

.request-contant-mid h3{ font-size:45px; line-height:45px;}

.request-contant-mid p{ font-size:20px; line-height:34px;}

.request-contant-mid-box-1{ width:22%; margin:0 15px 10px 0;}

.choose-cat-request [type="submit"]{ margin-left:10px;}

.marketing_agency{ height:430px;}

.analytics{ height:430px;}

.ui-slider-horizontal{ width:58%; margin-left:25px;}

.choose-cat-request .jqTransformInputWrapper{ width:50%!important;}

.form-box2 .jqTransformTextarea{ width:91%;}

.form-box2 textarea{ width:100%;}

.choose-cat-request [type="submit"]{ margin-left:38px;}

.our-latest-work{ height:320px; overflow:hidden;}

.blog-post{ width:28%; padding:10px;}

.digi-publishing{ padding-top:0px;}

.request-contant-mid-box-1 .request-box-inner .jqTransformCheckboxWrapper{margin:15px 4px 0 10px;}

form.jqtransformdone label{font-size:14px; padding-top:17px;}

.request-contant-mid-box-1-check .span{font-size:12px;}





/*=============web-analytics.php-css-start======================*/

.web-analist-left{ width:100%!important;}

.we-love-code-left{ display:none;}

.we-love-code-right{ width:100%;}

.we-love-code{ height:auto; padding:0 0 25px 0;}



.hire-analist h1{ font-size:30px;}

.hire-analist-left{ width:100%; padding-top:20px;}

.hire-analist-right{ width:100%; padding-top:20px;}

.hire-analist p{ font-size:16px;}



.hire-analist-we-outer .what-we-do h2{ font-size:35px; line-height:40px;text-align: center;margin-bottom: -8px;}

.hire-analist-we-outer .what-we-do-left{ padding:15px 0 0 0;}

.hire-analist-we-outer .what-we-do-right{ padding:15px 0 0 0;}

.hire-analist-we-outer .what-we-do-left .box-1 h4 {text-align: center;}
    .hire-analist-we-outer .what-we-do-left .box-1 p {font: 18px/25px 'Noto Serif', serif;color: #334654;padding-left: 2%;padding-right: 2%;}
    .hire-analist-we-outer .what-we-do-left .box-3 h4 {text-align: center;margin-top: -3px;}
    .hire-analist-we-outer .what-we-do-left .box-3 p {font: 18px/25px 'Noto Serif', serif;color: #334654;padding-left: 2%;padding-right: 2%;}
    .hire-analist-we-outer .what-we-do-left .box-5 h4 {text-align: center;margin-top: -3px;}
    .hire-analist-we-outer .what-we-do-left .box-5 p {padding-right: 2%;padding-left: 2%;}
    .hire-analist-we-outer .what-we-do-left .box-7 h4 {margin-top: -3px;text-align: center;}
    .hire-analist-we-outer .what-we-do-left .box-7 p {padding-left: 2%;padding-right: 2%;}
    .hire-analist-we-outer .what-we-do-right .box-2 h4 {text-align: center;margin-top: -8px;}
    .hire-analist-we-outer .what-we-do-right .box-2 p {padding-left: 2%;padding-right: 2%;}
    .hire-analist-we-outer .what-we-do-right .box-4 h4 {text-align: center;margin-top: -3px;}
    .hire-analist-we-outer .what-we-do-right .box-4 p {padding-left: 2%;padding-right: 2%;}
    .hire-analist-we-outer .what-we-do-right .box-6 h4 {text-align: center;margin-top: 25px;}
    .hire-analist-we-outer .what-we-do-right .box-6 p {padding-left: 2%;padding-right: 2%;}
    .hire-analist-we-outer .what-we-do-right .box-8 h4 {margin-top: -3px;text-align: center;}
    .hire-analist-we-outer .what-we-do-right .box-8 p {padding-left: 2%;padding-right: 2%;}

    #special-services-wrap p {
     text-align: justify !important; 
}

/*=============web-analytics.php-css-end======================*/



.request-contant-mid-box-1-check .span{width:79%;}



}





@media screen and (max-width:640px){

.lets-talk-row ul li .ani_bg{ left:10% !important;}



.logo img{ margin-top:18px;}

#main-slider .carousel-control{ bottom:70px;}

.carousel-inner{ margin-bottom:-12px;}

.subscribe-success p{ font-size:18px;}

.marketing_agency .digital-find-out{ margin-top:5px;}

.web-popupcontent .close{ right:-9px; top:-15px; z-index:9; padding:0px;}

.custombox-modal{ margin-top:40%;}

.custombox-show ~ .custombox-overlay{ z-index:10!important;}

.isotope{ height:268px!important;}

#req-top-part h1{ font-size:60px; padding-top:13%;}

.bnr-img h1 strong{ margin-bottom:10px;}

.request-contant-mid h3{ font-size:40px;}

.ui-slider-horizontal{ width:48%;}

.choose-cat-request .jqTransformInputWrapper{ width:98%!important;}

.bnr-img h2{ line-height:38px;}

.bnr-img { width:100%;  background-size: 100% auto;   height: 280px;}	

.marketing-agency-text,.about-marketing-agency,.services-details ul{ width:100%;}	

.digital-services-wrap .container h3 {    font: 31px/46px 'Noto Serif', serif;}

.digital-services-wrap .container h3 span {    font: 700 38px/50px 'Noto Serif', serif;}

#about-company-wrap h3 { font: 24px/45px 'Noto Serif', serif;}

#about-company-wrap h3 span { font: 700 24px/45px 'Noto Serif', serif;}

.text-col{ width:100%; margin:0; float:left;}

.why-should-hire-col{ width:100%; text-align:left;}

.why-should-hire-col h4 br{ display:none;}

.why-should-hire-col h4 span { font: 42px/46px 'amaranthbold_italic';}

.why-should-hire-col h4 { font: 30px/47px 'amaranthregular';}

.four-reason-row{ width:100%;}

#special-services-wrap h3 {   font: 30px/45px 'Noto Serif', serif;}#special-services-wrap span {    font: 700 31px/45px 'Noto Serif', serif;}

.special-service-col {width:100%;}#marketing-blo-wrap h3 {font: 700 33px/45px 'Noto Serif', serif}

.subscribe-form {    width: 56%;}

.subscribe-text-col { width: 224px;}.testimonial-slider a {    font: 22px/38px 'Noto Serif', serif;}

.testimonial-slider a span {    font: 700 29px 'Noto Serif', serif;}

.lets-talk-row ul li {   margin: 0 0 20px;    width: 156px;}

.lets-talk-row ul li p, .lets-talk-row ul li p a {   display: block;    font: 15px/25px 'clanotbook';word-break: break-word;}

.lets-talk-row ul li p small {    font: 35px/37px 'alphamack_aoeregular';}

.tab-box a#cont-3{ float:left; padding: 0 46px;}

.tab-box a {padding: 0 20px;}#why-rwt { height:auto; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover;}

.subscribe-form .msg-icon {width: 9%; left: 8px;	}.testmonial-wrap p { font: 27px/27px 'Noto Serif', serif;  padding: 35px 0 0;}

nav ul li .submenu li.tech-row ol li {    padding: 0 7px;}

nav ul li .submenu li{ width:47%;}nav ul li .submenu li ol li{ width:100%; margin-bottom:10px;}

.hire-dedticed-box{ width:100%; padding:0}

.hire-dedticed-content{ width:100%; padding:0; margin-top:8%;}

.hire-developer h1, .app-continer h1 { font: 700 32px/40px 'Noto Serif', serif; padding-top: 25px;}

.app-continer p { font: 18px/35px "Open Sans";}

.we-are-diffrent ul{ width:99%;}

.we-are-diffrent ul li figure{ min-height:inherit; margin-right:2%}

.opening-part .box .bt{ padding:0 20px 0 10px;}

.asp-right-box .sign-box ul li{ width:42%; padding-left:4%; font-size:13px}

.per-hour-box{ position:inherit; left:0; top:0}

.per-hour-box .blue-box{ width:100%}

.per-hour-box .get-srt-bt{ width:100%; text-align:center}

.hire-wd{ width:99%;}

.how-it-work{ width:98%}

.com-portfolio .portfolio-nav{ float:left;}

.com-portfolio .portfolio-nav li{ padding:0 7px; font-size:13px}

.experiment h3{ font-size:27px; line-height:40px}

.arrow-navigation.left, .arrow-navigation.right{ top:-12px}

.lets-talk-row ul li figure{ left:1%}

.career-slider-outer{ display:none}

.mid-gallery-outer{ display:none}

#meet-our-team, .meet-gallery{ display:none;}

.pkg-wrp ul{ width:100%;}

.pkg-wrp ul li{ width:24.8%}

.pkg-wrp ul.bot-price li{ width:24.8%}

#wpcont3-outer{ padding-top:12px}

.have-form-field-raw textarea{ margin-left:13px}

.have-form-field-raw h3{ padding-left:13px}

.wpcont5right .opensource-icons ul li{ padding-right:4%}

#wpcont6-outer .container ul li{ width:47%; min-height:235px}



.content-hire{ width:96%; padding:0 2%}

.content-hire ul li{ padding:10px 25px;}

.content-excited{ float:left; width:61%;}

.phpprogram img{ display:none;}

.phpprogram h2{ font-size:24px; padding-top:3%;}

.phpprogram p{ font-size:15px; line-height:30px; padding-bottom:3%;}

.technical h2{ font-size:29px; line-height:35px;}

.technical-left{ width:99%;}

.technical-right{ float:left; width:99%;}

.technical-left ul li{ padding:0 3%;}

.technical-right ul li{ padding:0 4%;}

.box-left{ width:100%;}

.box-right{ width:100%; border-left:0; margin:20px 0 0 0;}

.img-box{ width:25%;}

.txt-box{ width:72%;}

.outsource-part ul li{ padding:0 4px;}

.outsource-part ul li figcaption{ width:100px;}

.apply_singal_row span{ display:none}

.apply_singal_row .total-e input{ width:84%}



.dedicated-left{ width:45%;}

.dedicated-right{ width:45%; margin:0 auto;}

.dedicated-left .jqTransformSelectWrapper{ width:100%;}

.dedicated-right .span{ min-width:40%; padding:0 0 14px 5px;} 

.choose-cat textarea{ width:90%;}

.choose-cat input { width:85%;}

.hire-developer h1, .app-continer h1{ padding:0px;}

.zoomer_wrapper{ width:100%;}

.popup-content{ width:100%; height:auto}

.slide-popup-box-form input{ width:44%}

.development-tab-section .services-tabcontent h3{ font-size:25px}

.development-tab-section .services-tabcontent h5{ font-size:18px; line-height:28px}

.bnr-img h1{ font-size:50px;}

.tab-box a#cont-3{ padding:0 44px;}

.why-should-hire-col a{ padding-bottom:15px;}

.testimonial-slider .flick-slider ul li{ padding-bottom:30px;}

#social-share-wrap ul li h5{ font-size:18px;}

#social-share-wrap ul li h6{ font-size:10px;}



.development-tab-section .services-tabcontent h3{ font-size:25px}

.development-tab-section .services-tabcontent h5{ font-size:18px; line-height:28px}

.search-opt-panel h2{ font-size:32px; line-height:45px;}

.form-box2{ width:47%;}

.choose-cat-request form input{ width:270px;}

.from-box1 input{ width:92%; margin:10px 0 0 10px; padding:0 20px 0 25px;}

.form-box2 textarea{ margin-left:10px;}

.from-box1{ width:98%;}

#request-contant{ width:95%;}

.choose-cat-request form textarea{ width:99%;}

.request-contant-mid-box-1{ width:45%;}

.form-box2 , .choose-cat-request form textarea{ width:100%;}

.analytics , .marketing_agency{ height:auto; display:inline-block;}

.form-box2 textarea{ width:100%;}

.form-box3 .jqTransformInputWrapper{ margin-left:5px;}

.choose-cat-request [type="submit"]{ margin-left:20px;}

.name-1{ background-position:98%;}

.email-1{ background-position:98%;}

.wpcont-1-left-seo h1{ font-size:40px; padding-top:10px;}

.development-tab-section .resp-tabs-container{ padding-bottom:0px;}

.development-tab-section{ margin:15px 0px;}

.wpcont7left ul{ padding-bottom:0px;}

.wpcont7left ul li{ margin-bottom:15px;}

.degital-real h2{ font-size:32px;}

.degital-real p{ font-size:18px; padding-left:1%; padding-right:1%;}

.search-opt-panel p{ padding-right:1%;}

.marketing_agency h4{ font-size:28px !important;text-align: center;font-family: open_sansbold;}

.marketing_agency p{ padding-left:1%; padding-right:1%;}

.marketing_agency h5{ padding-left:1%;}

.marketing_agency h4{ padding-left:1%;}

.digital-search-opt{ padding-bottom:0px;}

.conversion-rate h2{ font-size:32px;}





/*=============web-analytics.php-css-start======================*/

.hire-analist h1{ font-size:25px;}



.hire-analist-left{ padding-top:8px;}

.hire-analist-left ul li figure{ margin:10px 10px 0 0!important;}

.hire-analist-right{ padding-top:8px;}

.hire-analist-right ul li figure{ margin-top:10px;}



/*=============web-analytics.php-css-end======================*/

.request-contant-mid-box-1-check .span{width:84%;}



.request-contant-mid-box-1 .request-box-inner .jqTransformCheckboxWrapper{margin-top:124px;}





}





@media screen and (max-width:764px){

.logo img{ margin-top:8px;width: 130px;}

.carousel-inner{ margin-bottom:-52px;}



#main-slider .carousel-control{ bottom:79px;}

.subscribe-success p{ font-size:25px;}

.search-opt-panel-right{ display:none;}

.webdesign-popup #custombox-modal{ top:80%;}

.we-need-you h2{ font-size:33px;}

.apply_form{ width:92%;}

.choose-cat .jqTransformInputWrapper{ width:100%!important;}

.degital-real h2{font-size: 26px;}

#why-rwt,.subscribe-text-col, .blue-strip,.testmonial-wrap,#social-share-wrap{ display:none;}

.bnr-img h1{ font-size:40px; line-height:60px;}

.great-result-wrap h2 span{ font-size:35px;}

.great-result-wrap { margin-top: 16px;}

nav ul li.services a{ padding-left:10px}

.great-result-wrap h1 {    font: 20px/32px 'Noto Serif', serif;}

.great-result-wrap h1 span {    font: 700 19px 'Noto Serif', serif;}

.marketing-agency-text h2 {    font: 20px/30px 'proxima_novalight';}

.about-marketing-agency p {    font: 14px/32px 'Noto Serif', serif;}

.digital-services-wrap .container h3 span {    font: 700 22px/22px 'Noto Serif', serif;}

.digital-services-wrap .container h3 {    font: 23px/36px 'Noto Serif', serif;}

.services-details ul li figure{ width:10%;  min-width: inherit; margin-right:15px;}.services-details ul li figure img{ width:100%; }

#about-company-wrap h3 span {    font: 700 19px/37px 'Noto Serif', serif;}

#about-company-wrap h3 {    font: 19px/36px 'Noto Serif', serif;}

/*.tab-box { margin: 16px auto 25px;}*/

.blog-post {    width: 72%; float: none; margin: 0 auto 20px auto !important;}#social-share-wrap ul li {    width: 18%;}#social-share-wrap ul li h5 { text-align:left;}

/*.tab-box a#cont-3 { padding: 0 14px;}*/
/*.tab-box a { padding: 0 15px; font-size:14px;}*/

 nav ul li .submenu li {    width: 46%;}

.why-should-hire-col h4 {    font: 28px/34px 'amaranthregular';}

.why-should-hire-col h4 span {    font: 29px/30px 'amaranthbold_italic';}

.f1ip_container { width: 46%;}

.four-reason-col p {font: 13px/26px 'clanotnews';}

.back h5 {font: 700 14px/24px 'Noto Serif', serif;}

.back h5 { font: 700 14px/24px 'Noto Serif', serif;}

/* #special-services-wrap span {font: 700 22px/45px 'Noto Serif', serif;}  
*/
#special-services-wrap p {font: 14px/28px 'Noto Serif', serif; /*padding: 2px 0 0;*/}  

.hire-developer h1, .app-continer h1 {padding-top: 15px;}  

.app-continer p {font: 20px/30px "Open Sans";text-align: center;}

.app-continer a{ font-size:20px}

.res-portfolio { min-height: inherit; width: 100%; padding-bottom:20px}

.web-responsive{ margin-top:20px}

.hour-panel{ background-image:none; background-color:#159dd8}

.our-team-portfolio ul li { margin: 0 3% 0 0; width: 47%;}

.subscribe-form{ float: left;    width: 98%;}.subscribe-form input[type="submit"] {width: 21%;}

.services-details ul li figure{ min-height: 45px;}

/*#special-services-wrap h3 {    font: 25px/45px 'Noto Serif', serif;}*/
#letstalk-wrap{ height:auto;}

.make-impact .impact-img{ display:none;}

.make-impact ul {     width: 99%;}

#about-company-wrap{ padding: 32px 0 24px;}#special-services-wrap {padding: 8px 0 28px;}

.hire-developer .services-design ul li{ margin:0 5%}

.c_d-right-box ul li{ font-size:15px}

.c_d-right-box ul li img{ padding-right:5px}

.wpcont9left{ width:99%; margin:10px 0}

.hire-continer-part{ display:none}

.flex-bdr .col_new1.clm1 li, .col_new1.clm1 ul li{ width:95% !important; margin:0}

.wpcont7left{ width:99%; margin-right:0}

.request-seo a{ font-size:13px; padding:3px 12px}

.blue-box h3{ font-size:13px}

.blue-box h3 span{ font-size:24px}

.apply_singal_row input{ width:85%}

.bfh-selectbox > .bfh-selectbox-toggle{ width:89%}

.opening-part-row{ margin:0}

.opening-part .box{ width:95%; margin-bottom:2%; min-height:inherit}

.opening-part .box + .box{ float:left;}

.apply_main .resp-row{ width:98%; float:left !important; margin:0}

.we-need-you h1{ font-size:30px; line-height:35px}

#career-top-part{ height:auto; padding:8% 0}

#career-top-part h2{ font-size:60px; line-height:75px; padding-top:0}

#career-top-part p{ font-size:17px; line-height:25px}

.flick-slider{ height:500px}

.about-text-left-panel{ width:100%}

.experiment{ display:none}

.meet-gallery ul li{ width:33%}

.terms-part-left{ width:98%}

.terms-part-right{ width:98%; float:left}

.terms-part h5{ font-size:18px; line-height:30px}

.sign-box ul li{ font-size:14px}

.site-map-left{ width:98%}

.testi-box-left{ width:98%; margin-bottom:5%}

.testi-box-right{ width:98%; float:left;}

.nice-section h1{ font-size:44px; line-height:50px;}

.nice-section h1 img{ display:none}

.office-location{ margin:0}

.office-location-left{ padding-left:2%; width:98%}

.ind-location{ width:98%; float:left;}

.please-email-part{ width:95%; padding-left:2%}

.have-call-us h1{ font-size:40px; line-height:50px}

.have-form-field-raw-inr{ width:98%; margin-bottom:10%}

.have-form-field-raw{ padding-bottom:2%}

.captha-box{ margin-top:5%}

.have-form-field-raw-inr button[type="submit"]{ margin:5% 0 0}

.get-direction h1{ font-size:50px; line-height:60px}

.wpcont7left .col-left li{ font-size:15px}

.let-left{ width:97%}

.let-left p{ padding-bottom:10px}

.project-suss{ padding-left:1%; width:97%}

.terms-part h2{ font-size:30px; line-height:40px; padding:0}

.resp-tabs-container h2.resp-accordion{ margin-bottom:5px; font-size:14px}

.wpcont5right ul li{ width:97%; text-align:left;}

.wpcont5right ul li span{ width:75%}

.client-work-row h1{ font-size:40px; line-height:55px}

.client-work-row h1 img{ width:8%;}

.client-work-row h6{ font-size:16px; line-height:25px}

.com-portfolio .portfolio-nav li{ font-size:15px; padding:5px 12px}

.isotope{ height:200px!important}

#marketing-blo-wrap #subscribe-wrap{ display:none;}

.lets-talk-row ul li{ width:48%}

.lets-talk-row ul li figure{ left:0%}

#letstalk-wrap .container:before{ display:none}

.lets-talk-row ul li .ani_bg{ left:25%}

.lets-talk-row ul li .ani_bg-2{ left:23.5%}

.services-tabcontent img{ width:auto; float:none; margin:0 auto; display:block}

.services-tabcontent h3{ padding:0}

.nice-section{ margin-top:20px}

.get-direction{ display:none}

.mr_top80{ display:none}

.office-location-left ul li{ font-size:15px}

div.queueslider{ display:none}

.our-latest-work{ margin:0}

.our-latest-work ul li.populer-web-port{ display:none;}

.our-latest-work ul li{ width:49%}

.pkg-wrp{ padding:0; float:left; margin:0 0 3% 1%}

.pkg-wrp ul li{ width:98%; height:63px; margin-bottom:1%; padding:2% 0; border:none; border-radius:3px;}

.pkg-wrp ul li + li{ height:63px; border-radius:3px;}

.pkg-wrp ul li + li + li{ height:63px; margin:0 0 1%; border-radius:3px;}

.pkg-wrp ul li span{ padding:0}

.pkg-wrp ul li + li + li span{ line-height:28px;}

.pkg-wrp ul li + li + li:before{ top:0}

.pkg-wrp ul li p{ font-size:30px}

.pkg-wrp ul li + li + li p{font-size:30px; line-height:30px}

.pkg-wrp table{ display:none}

.pkg-wrp ul li + li + li + li{ height:63px; border-radius:3px;}

.pkg-wrp ul li + li + li + li span{ padding:0}

.pkg-wrp ul li + li + li + li p{ font-size:30px}

.pkg-wrp ul.bot-price{ display:none}

.pkg-wrp .download-btn{ display:block}

.pkg-wrp ul li.smo{ width:98%}

.foot-menu li{ padding:5px 12px; background-position:left 12px}

.wpcont-2 h2{ text-align:left}

.wpcont-2 p{ text-align:left}

.flex-bdr .sign-box ul{ margin-bottom:0}

.container .good-img{ padding:0}

.lets-talk-row h2{ padding-top:15px}

.jqTransformInputWrapper{ width:100%!important;}

.asp-right-box h5{ padding-bottom:0; line-height:28px}

.wpcont-1-left p{ font-size:18px; line-height:30px}

.wpcont-1-left ul{ padding-top:8px}

.wpcont-1-left ul li{ font-size:15px}

#wpcont6-outer .container ul li{ min-height:186px}

.wpcont5right .opensource-icons ul li{ padding-right:2%}



.content-hire h1{ font-size:30px; padding:5px 0 0 0;}

.content-hire h3{ font-size:17px; line-height:27px;}

.content-excited{ width:96%; margin:0 2%}

.per-hours{ width:100%;}

.excited-talk{ width:100%}

.form-main{ width:93%}

.technical h2{ font-size:23px; padding:20px 0 0 0;}

.technical-left ul li{ padding:0 1%;}

.technical-right ul li{ padding:0 2%;}

.outsource-part ul li{ width:30%; min-height:150px;}

.phpprogram{ width:97%}

#technical-skills{ width:96%; padding:0 2%}



.dedt-team ul li{ width:30%; margin:0 10px 0 0 ;}

.dedicated-left{ width:99%; float:none;}

.dedicated-right{ width:99%; float:left; margin:10px 0 0 15px;}

.dedicated-right .span{ min-width:27%;}

.choose-cat textarea{ width:98%;}

.choose-cat .code{ margin-left:15px;}

.choose-cat input { width:85%;}

.hire-developer h1, .app-continer h1{ padding:0px;}

.choose-cat h3{ padding:15px 0 15px 12px;}

.choose-cat input , .choose-cat textarea , .code , .choose-cat [type="submit"]{ margin-left:12px;}

.choose-cat label{ padding-left:12px;}

.market , .cms , .php, .ui , .xhtml{ padding:0px;}



#slidingDiv{ height:600px;}

.slide-popup-box h2{ font-size:35px; line-height:45px}

.slide-popup-box-form input{ width:93%; margin-right:0}

.bnr-img h1{ font-size:44px; line-height:60px;}

.development-tab-section .services-tabcontent h3{ font-size:20px; line-height:30px}

.captha-box{ height:40px;}

.have-call-us h2{ font-size:35px; line-height:45px; padding:15px 0px}

.search-opt-panel p{ font-size:16px; line-height:33px;}

.search-opt-panel h5{ padding:0px;}

.digital-find-out{ margin-bottom:25px;}

.budget { height:60px;}

.budget h2{ padding:0 0 0 9px; font-size:12px; height:60px; line-height:60px;}

.form-box2{ width:96%;}

#req-top-part{ height:225px;}

#req-top-part h2{ font-size:40px; padding:25px 0 0 0;}

#req-top-part p{ padding:0px 5px 0 5px; font-size:16px; line-height:29px;}

.request-contant-mid h3{ font-size:30px; line-height:}

.form-box2{ font-size:63%; }.choose-cat-request form textarea{ margin-left:10px; width:80%; padding:5px;}

.choose-cat-request form input , .form-box3 input.code{ margin-left:10px;}

#req-top-part h1{ font-size:45px; padding-top:8%;}

.request-contant-mid-box-1 .jqTransformRadioWrapper{ margin-left:15px;}

.price-range span{ font-size:15px;}

.ui-slider-horizontal{ margin-top:25px;}

.price-range{ margin-top:25px;}

.from-box1 input{ width:88%;}

.slide-popup-box-form .jqTransformInputWrapper{ width:98%!important;}

.portfolio-text-row p{ font-size:25px; line-height:35px;}

.portfolio-text-row p span{ font-size:40px;}

.client-work-row{ padding-bottom:0px;}

.custombox-modal{ margin-top:70%;}

#career-top-part p{ padding-bottom:25px; font-size:13px;}

#career-top-part h1{ font-size:58px; line-height:68px; padding-top:35px;}

.wpcont-1-left-seo h1{ font-size:28px;}	

.digital-find-out a{ padding:0 10px;}

.digi-publishing{ margin-bottom:0px;}

.digi-publishing-content-panel h2{ font-size:30px; line-height:42px;text-align: center;
    font-family: 'Noto Serif', serif;}

.search-opt-panel h2{ font-size:30px; line-height:42px;text-align: center;}

.search-opt-panel h5{ font-size:19px; line-height:33px;text-align: center;}

.marketing_agency h5{ font-size:19px; line-height:33px;}

.conversion-rate h2{ font-size:30px;}

.conversion-rate h5{ font-size:19px; line-height:33px;}

.conversion-rate{ margin-bottom:0px;}

#wpcont3-outer .container h3{ font-size:20px;}

#wpcont7-outer{ padding:0px;}

#wpcont4-outer .good-img{ padding:0px;}

.col_new1{ padding-left:1%; padding-top:15px;}

.row4 table tr #jqTransformTextarea-ml{ display:none;}

.wpcont7left h2, .wpcont7left h2{ padding-top:15px;}

#wpcont5-outer{ padding-top:0px;}



/*=============web-analist-page-css-start======================*/

.we-love-code-right h4{ font-size:20px;}



.hire-analist-we-outer .what-we-do-left{ width:100%;}

.hire-analist-we-outer .what-we-do-left .box{ margin-bottom:5px;}

.hire-analist-we-outer .what-we-do-left .box-2{ margin-bottom:5px;}



.hire-analist-we-outer .what-we-do-right{ width:100%;}

.hire-analist-we-outer .what-we-do-right .box-3{ margin-bottom:5px}

.hire-analist-we-outer .what-we-do-right .box-4{ margin-bottom:5px}



.hire-analist h1{ font-size:21px;}

.hire-analist-left{ padding-top:8px;}



#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row input{ width:89%;}

#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .total-e input{ width:93%}

#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .bfh-selectbox-toggle{ width:96%}

/*=============web-analist-page-css-end======================*/

.request-contant-mid-box-1 .request-box-inner .jqTransformCheckboxWrapper{margin-left:12px;}

.request-contant-mid-box-1-check .span{width:82%;}

.lets-talk-row ul li .ani_bg{ left:10% !important;}



}



@media screen and (max-width:360px){

.logo img{ margin-top:18px;}

.carousel-inner{ margin-bottom:-52px;}

#main-slider .carousel-control{ bottom:85px;}

.special-service-col {    width: 98%; height:auto; padding-top: 20px;}

.bnr-img h1{ font-size:34px; line-height:50px;}

.bnr-img h2{ font-size:20px; line-height:30px;}

.per-hour-box{ width:95%;}

.search-opt-panel, .marketing_agency, .digi-publishing-content-panel{ padding:0 5px; margin:0; width:98%;}

.per-hour-box .blue-box{ width:98%; padding:0 2px;}

.our-latest-work{ height:auto;}

.logo{ margin-left:27%; width:auto}

nav ul li .submenu li{ width:93%}

nav ul li.services a{ padding-left:8px}

nav ul li .submenu li.tech-row ol li{ min-height:60px}

.hire-developer h1, .app-continer h1{ font-size:22px; line-height:33px;}

.app-continer p{ font-size:15px; line-height:28px}

.app-continer a{ font-size:17px}

#marketing-blo-wrap h3{   font: 700 26px/45px 'Noto Serif', serif;  padding-bottom: 15px;}

.blog-post {    width: 83%;}

.lets-talk-row h2 {    font: 34px/60px 'amaranthbold_italic';}

.lets-talk-row p {   font: 17px/35px 'amaranthregular';}

.we-are-diffrent ul li figure{ min-height:120px}

.hire-developer .services-design ul li{ margin:0 1%}

.crd-ul{ width:98%}

.bnr-img{ height:240px;}

.slide-popup-box h2{ font-size:28px;}

.c_d-right-box h2{ font-size:18px}

#wpcont9-outer .container h2{ font-size:25px; line-height:35px}

#meet-our-team h2{ font-size:40px; line-height:40px}

#meet-our-team p{ font-size:20px; line-height:25px}

.meet-our-team-part-left span{ font-size:35px; line-height:40px;}

.meet-our-team-part-left h1{ font-size:58px; line-height:65px}

.asp-right-box .sign-box ul li{ width:93%; margin:0; padding-left:8%}

.wpcont7left .col-left{ width:98%; margin-right:0}

.wpcont-1-left-seo h5{ font-size:21px; line-height:30px}

#wpcont5-outer .container h2{ font-size:19px; line-height:32px;}

.request-seo a{ line-height:35px; margin-bottom:2%}

.request-seo img{ display:none}

.per-hours ul li{ padding:0 18px}

.row, .row3, .row4{ width:100%}

.jqTransformInputWrapper{ width:100%!important}

.form-main .row input {width: 86% !important;}

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

.form-main .row2 input {width: 86% !important;}

.form-main .row3 select{ width:98%}

.form-main .row select, .form-main .row2 select{ width:98%}

.form-main textarea{ width:84%}

.form-main input[type="submit"], .form-main .jqTransformButton{ width:98%}

.technical-left ul li{ width:30%}

.img-box{ width:auto; text-align:center; float:none}

.txt-box{ width:95%; padding-left:3%}

.hire-developer{ margin-bottom:0}

.per-hour-box	

.per-hour-box .blue-box{ text-align:center}

.blue-box h3{ width:auto; padding-right:5px; padding-left:5px;}

.blue-box h3 span{ font-size:20px}

.blue-box img{ padding-top:13px; width:11%; padding-right:4px;}

.hire-wd ul{ padding:0 2%}

.let-expeorts h2{ font-size:21px; line-height:30px; padding-bottom:0; text-align:left}

.custombox-modal{ width:90%!important}

.apply_form{ width:94%; padding:3%}

.apply_singal_row{ width:100%; margin:5px 0}

.career-slider-outer h2{ font-size:25px; line-height:35px}

.opening-part h2, .opening-part h2 span{ font-size:24px; line-height:35px}

.flick-slider{ height:400px}

.experiment h3{ font-size:20px; line-height:32px}

.nice-section h1{ font-size:34px; line-height:40px}

.plase-call-part h2{ font-size:18px}

.have-form-field-raw textarea{ width:89%}

.us-off:after{ display:none}

.mid-contant-box h2{ font-size:22px; line-height:24px; padding-bottom:0}

#wpcont6-outer .container h2{ font-size:30px; line-height:35px}

.terms-part h2{ font-size:20px; line-height:30px}

.flex-bdr .col_new1.clm1 li, .col_new1.clm1 ul li{ width:92%!important}

.Wpsite-box img{ margin:0 auto; float:none; display:block}

.services-tabcontent h3{ padding:0; line-height:25px}

.wpcont-1-left h1{ font-size:30px; line-height:32px; padding:3% 0}

.wpcont-2 h2{ font-size:25px; line-height:30px;}

#wpcont6-outer .container ul li{ width:100%; min-height:270px}

.wpcont7left ul li h3{ display:table}

.com-portfolio .portfolio-nav li{ font-size:13px; padding:5px}

.portfolio-text-row p{ font-size:22px; line-height:30px}

.portfolio-text-row p span{ font-size:35px; line-height:40px}

.portfolio-text-row .more-portfolio{ padding:0 20px}

.client-work-row h1{ font-size:30px; line-height:40px}

.lets-talk-row ul li figure{ left:8%}

.wpcont5right .opensource-icons ul li{ padding-right:5%}

.our-latest-work ul li{ width:100%; border:none}



.dedicated-right .span{ width:40%;}

.hire-developer{ margin-top:12px;}

.hire-developer p{ font:14px/30px 'clanotbook';}

.dedicated-left .jqTransformSelectWrapper{ margin:10px 0 0 10px;}

.dedicated-left h4{ padding:5px 0 0 12px;}

.market , .cms , .php, .ui , .xhtml{ padding:0px;}

.choose-cat input , .code{ width:82%;}



.slide-popup-box h1{ font-size:25px; line-height:35px}

.toogle-close{ width:auto; height:auto}

.toogle-close img{ width:50%}

.great-result-wrap h2{ font-size:25px;}

.great-result-wrap h2 span{ font-size:25px;}

.request-contant-mid-box-1{ width:100%;}

.choose-cat-request .jqTransformInputWrapper{ width:310px!important;}

.choose-cat-request form input{ margin-left:5px;}

.choose-cat-request form input{ padding-left:10px;}

.form-box2{ width:100%;}

.choose-cat-request form textarea{ width:79%;  margin-left:10px;}

.form-box3 input.code{ margin-left:10px;}

.choose-cat-request [type="submit"]{ margin-left:14px;}

.form-box3 input.code{ width:230px;}

#req-top-part h2{ font-size:28px; line-height:28px; padding:40px 0 0 0;}

#req-top-part p{ padding:0px; font-size:14px; line-height:25px; padding:20px 0 0 0;}

#req-top-part{ height:225px;}

.request-contant-mid h3{ font-size:21px; line-height:22px;}

.request-contant-mid p{ padding:5px 10px 10px 10px; font-size:15px; line-height:29px;} 

#request-contant{ padding-top:5px;}

.choose-cat-request form input{ width:245px;}

.name-1{ background:none;}

.email-1{ background:none;}

.form-box2{ width:90%;}

.request-contant-mid-box-1{ float:left; width:95%; margin:0  auto 10px  auto; min-height:inherit;}

.traffic{ margin:0 auto;}

#req-top-part h1{ font-size:35px; line-height:55px; padding-top:18%;}

#req-top-part p{ line-height:25px; padding:0px;}

.request-box-inner img{ margin-right:60px;}

.budget{ height:auto; display:inline-block; margin-top:10px;}

.ui-slider-horizontal{ width:86%; margin-top:0px;}

.price-range{ margin-top:15px;}

.budget h2{ margin-left:20px; font-size:15px; line-height:50px; height:auto; padding:0;}

.choose-cat-request{ margin-top:10px;}

.isotope{ height:150px!important;}

.row3 .jqTransformSelectWrapper{ width:97%!important;}

.row4 .jqTransformTextarea{ width:100%;}

#wpcont3-outer .container h3{ font-size:18px; line-height:35px !important; padding-bottom:10px;}

.marketing_agency .digital-find-out a{ font-size:14px; line-height:26px; text-align:center; padding:10px;}

.digital-find-out a{ font-size:14px; line-height:26px; text-align:center; padding:10px;}

.marketing_agency h4{ font-size:30px; line-height:45px; padding-top:10px;}

.marketing_agency .digital-find-out a{ padding:10px; font:14px; line-height:26px;}

.conversion-rate a{padding:10px; font:14px; line-height:26px;}

.traffic{ margin-bottom:25px;}

.digi-publishing-content-panel .digital-find-out a{ padding:10px; font:14px; line-height:26px;}



#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row input{ width:91%;}

#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .total-e input{ width:85%}

#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .bfh-selectbox-toggle{ width:93%}

#hire-dedicated-resource .excited-talk .apply_form .txtarea textarea{ width:93%}

.request-contant-mid-box-1 .request-box-inner .jqTransformCheckboxWrapper{margin-left:31px;}

.lets-talk-row ul li .ani_bg{ left:10% !important;}

}

@media screen and (max-width:320px){

.logo img{ margin-top:18px;}

.request-seo a{ font-size:11px;}

.isotope{ height:133px!important;}

.blue-box h3{ padding-right:2px; padding-left:1px;}

.webdesign-popup #custombox-modal{ top:99%;}

.we-need-you h2{ font-size:20px;}

.bnr-img h1{ font-size:30px;}

.bnr-img h2{ font-size:18px;}

.logo{ margin-left:24%}	

.hire-developer .services-design ul li{ width:40%}

.services-design ul li figure{ height:129px}

.flick-slider{ height:357px}

.wpcont5right ul li span{ width:72%}

.wpcont-1-left h1{ font-size:27px; padding:2% 0}

.wpcont-1-left p{ line-height:30px}

.request-button a{ font-size:12px; padding:0 14px}

.lets-talk-row ul li figure{ left:3%}

.lets-talk-row ul li .ani_bg{ left:17%}

.lets-talk-row ul li .ani_bg-2 { left: 15.5%;}

.per-hours ul li{ padding:0 8px;}

.content-hire h1{ font-size:29px;}

.content-hire h3{ font-size:15px; line-height:25px;}

.content-hire ul li{ padding-right:4px; padding-left:21px;}

.content-excited{ width:96%; margin-top:0;}

.per-hour{ width:100%;}

.per-hour ul li{ font-size:14px; padding:0 5px 0 25px;}

.excited-talk{ width:100%;}

.excited-talk h2{ font-size:25px; margin:10px 0 0 0;}

.form-main{ width:301px; padding:10px 5px 0 5px; }

.row{ width:98%; float:left;}

.row2{ width:98%; float:left;}

.row3{ width:98%; margin:5px 0;}

.row4{ width:98%!important;}

.have-call-us h1{ font-size:30px; line-height:35px}

#wpcont6-outer .container ul li{ min-height:245px}

.from-box1 input{ width:80%;}

.form-box3 input.code{ width:205px;}

.form-box2 textarea{ width:97%;}

.choose-cat-request .jqTransformInputWrapper{ width:inherit!important;}

.code-box{ margin-left:10px;}

#req-top-part h1{ font-size:32px;}

#req-top-part p{ font-size:13px;}

.digi-publishing{ padding-top:20px;}

.marketing_agency .digital-find-out{ margin-top:5px;}

.degital-real h2{ font-size:26px;}



.tab-box a{ padding:0 2px; font-size:11px;}

.tab-box a#cont-3{ padding:0 2px;}

#main-slider .carousel-control{ display:none;}

.carousel-inner{ margin-bottom:-52px;}

.lets-talk-row ul li .ani_bg{ left:10%;}



}





.touch_rept span {

    background-image: url("../images/circle.png");

    background-position: left top;

    background-repeat: no-repeat;

    display: inline-block;

    height: 116px;

    transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	transition: all 2s ease-in-out 0s;

	-webkit-transition: all 2s ease-in-out 0s;

    width: 116px;

}

.touch_rept:hover span {

transform: rotate(360deg);

-webkit-transform: rotate(360deg);



}

.touch_rept span.ntouch_bg {

    background-position: 0 0;

}

.touch_rept span.ntalk_bg {

    background-position: -146px 0;

}

.touch_rept span.nskype_bg {

    background-position: -292px 0;

}

.touch_rept span.nhucu_bg {

    background-position: -438px 0;

}

.ani_bg {

    background: #eeeeee none repeat scroll 0 0;

    border-radius: 100%;

    display: inline-block;

    height: 92px;

    left: 12px;

    position: absolute;

    top: 12px;

    transform: scale(0);

	-webkit-transform: scale(0);

    transition: all 0.4s ease-in-out 0s;

    -webkit-transition: all 0.4s ease-in-out 0s;

    width: 92px;

    z-index: 1;

}

.touch_rept:hover .ani_bg {

    transform: scale(1);

	-webkit-transform: scale(1);

}

.touch_rinner {

    display: inline-block;

    height: 116px;

    position: relative;

    width: 116px;

	margin-bottom:20px;

}

.touch_rinner > p {

    height: 116px;

    line-height: 116px !important;

    position: absolute;

    top: 0;

    vertical-align: middle;

    width: 100%;

    z-index: 2;

	text-align:center;

}

.top_green > a {

    background: #0e9379 none repeat scroll 0 0;

}

.top_green > a:hover {

    background: #0a6754 none repeat scroll 0 0;

    color: #fff;

    text-decoration: none;

}



.touch_rept p {

    color: #ececec;

    cursor: pointer;

    font-family: "proxima_novalight";

    font-size: 22px;

}



.touch_rept p strong {

    color: #f5f5f5;

    display: block;

    font-family: "proxima_nova_rgregular";

    font-size: 24px;

    font-weight: normal;

    line-height: 26px;

}

.banner{background:rgba(0, 0, 0, 0) url("../images/sud-123.jpg"); no-repeat scroll center 0}