/*
Theme Name: Logodesign Best
Theme URI: http://logodesignbest.com
Description:
Author: the logoinn team
Author URI: http://www.logoinn.com
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
.entry-title {
	display:none;
}

.content {
	height:auto;
}

.gfield  {
	margin-bottom:17px !important;
}

.gform_wrapper .left_label .gfield_label {
	text-align:right;
}

input[type="text"] {
    padding: 4px 5px;
    border: 1px solid #D2D2D2;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #363636;
}

select {
    padding: 5px;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    border: 1px solid #D4D4D3;
}

textarea{
    height: 100px;
    border: 1px solid #D4D4D3;
    padding: 4px 5px 0px;
    font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Verdana;
    font-size: 13px;
    color: #363636;
}

#bodyExpandedWithLeftPanel-inner img {
    max-width: 100%;
    height: auto;
}


 .slideshow { margin:20px 0 0 0 }
.slideshow img { width:305px; height:161px; padding: 2px; }
.cycle-pager { position: static; margin-top: 5px }
div.vertical { width:310px; height:1536px !important }


/*
    these are just the default styles used in the Cycle2 demo pages.  
    you can use these styles or any others that you wish.
*/


/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width: 45%; min-width: 200px; max-width: 500px; margin: 10px auto; padding: 0; position: relative;
    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;

 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/




.sideform label { font-size: 0;margin-bottom: 0;line-height: 0;}
.sideform{position:fixed;right: -310px; top:196px; z-index:9999; display:block}
.ie8 .sideform{top:172px;}
.sideform .switch{position:absolute; height: 276px; width:42px; top:0px; left:-42px; cursor:pointer;background:url(get-img.png) 8px 36px no-repeat #c51616; border-radius: 5px 0px 0px 5px;}
.sideform .switch i{width:50px; height:50px; top:0px; position:absolute; background:url(images/arrow-icon.png) 10px 9px no-repeat;}
.sideform .sidfrmdv{width: 310px; padding: 0px 0px 0px 0px; }
.sidfrmdv .inform, .sidfrmdv .thanks{background: #fbb016; padding:0px;height: 356px;border-radius: 0 0 0 9px;}
.sideform  h4{margin: 0px;padding:0px;font-size:18px;font-weight:600;text-transform: uppercase;color: #fff; text-align:left; margin-bottom:10px; background: #262626; padding:16px 20px;}
.sideform  h4 strong{ color:#ffcc00;}

.sidfrmdv .thanks, .sidfrmdv .thanks a{color:#fff; line-height:20px;}
.sidfrmdv .thanks h5{font-size:20px; line-height:26px;}

.sideform .field { width:47%; position: relative; float:left; margin-right:16px}
.sideform .field p {
font-size: 12px;
color: #fff;
margin-bottom: 0px;
}

.sideform input[type="text"], .sideform select, .sideform textarea, .sideform input[type="password"] { width:80%; background: #fff; border: none; outline: none; color:#666; resize:none; font-size: 13px; padding:6px 5px 4px 50px; border-radius: 0px; border:2px solid #fff;margin-bottom:6px;}
.sideform input[name="cn"] { background: url(/assets/images/form-icons.png) left 5px no-repeat #fff;}
.sideform input[name="em"] { background: url(/assets/images/form-icons.png) left -25px no-repeat #fff;}
.sideform input.SelectCountry { background: url(/assets/images/form-icons.png) left -112px no-repeat #fff;}
.ie8 .sideform select {padding: 6px 0px 6px 50px; min-height: inherit;}

.sideform select{height:34px; width:99%}

.sideform input[name="code"] {background: url(/assets/images/form-icons.png) left -112px no-repeat  #ffffff;}
.sideform form{padding-bottom: 10px;}
.sideform input[type="password"] {
background: url(/assets/images/form-icons.png) -4px -150px no-repeat #fff;
}
.sideform select.educationarea {
background: url(/assets/images/form-icons.png) -4px -191px no-repeat #fff;
}

.sideform select[name="param_Service-Required"] {background: url(/assets/images/form-icons.png) -4px -230px no-repeat #fff;
}

.sideform select.month, .sideform select.day, .sideform select.year {
width: 30%;
float: left;
border-radius: 0;
height: 34px;
margin: 0 14px 0 0;
padding-left: 10px;
}
.sideform select.year{margin:0}


.sideform .field .code{width:36%; position:relative; float:left}
.sideform .field .code input[type=text]{width:56%}
.sideform .field .code select.multi{position:absolute; top:0px; left:0px; z-index:2; width:200px}

.sideform .field .pn{float:left; width:64%; z-index:9; position:relative}
.sideform input[name="code"] { background: #ffffff; padding-left:45px;  width: 47%;}

.sideform input[name="pn"], .sideform input[name="apn"] { width:89%; padding-left: 10px; }

.sideform input[type="text"].error, .sideform input[type="password"].error, .sideform select.error{border-color:#990000;background-color: #ffd8dc;}

.sideform input[type="submit"] {
margin-top:10px;
width:285px;
height: 51px;
z-index: 9999; background:url(images/subbtn.png) no-repeat; border:none; outline:none;}
.sideform .formcta{float:left; text-align:center; width:50%}
.sideform .formcta p{color:#fff; font-family:'Lato', sans-serif; font-weight:900; font-size:17px; text-align:center;  text-shadow:1px 1px 2px #000; text-transform:uppercase; margin:10px 0 0px}
.sideform .formcta a{color:#fff; font-family:'Lato', sans-serif; font-weight:900; font-size:16px; text-align:center;text-decoration:none; background: url(sprite.png) -362px -858px no-repeat; padding:5px 0px 10px 30px; text-transform:uppercase; display:inline-block; margin-top:5px;}
.sideform a.chat{margin-left:10px; background-position:-362px -908px}


.sideform .title
	{
		color:#fff;
		padding-bottom:5px;
}
.sideform .form
	{
		padding-left: 16px;
		padding-bottom:10px;
		position: relative;
}

.sideform .form-offer
	{
    position: absolute;
 top: -2px;
    right: 4px;
}







/*sidebar widget*/
.ie8 .side-bars { top:75px;}
.side-bars { width:350px; position: fixed;  top:100px; z-index:2000; right: -331px;}
.side-bars .s-bar { display: block; margin-bottom:6px; position: relative; background:#262626; height:42px; cursor: pointer; border-radius: 4px 0px 0px 4px ; line-height: 49px; text-decoration: none;}
.side-bars .s-bar span.sidebar-icon.two {background: url(images/chat-icons.png) no-repeat 7px 8px; width:42px;height:42px;float: left;margin-left: -23px;margin-top: 5px;background-color:#c51616; position:relative; margin-right: 10px;-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;}

.side-bars .s-bar span.sidebar-icon.two.call{ background: url(images/ph-icons.png) no-repeat 10px 10px;  background-color: #c51616;}
.side-bars .s-bar img { position: relative; left: -6px; float: left; }
.side-bars .s-bar a span.callfree { float: left; color: #FFF; font-size: 16px; padding: 10px 0 2px 0px; margin: 0px; line-height: 13px; }
.side-bars .s-bar a { font-size: 14px; padding: 0px 0 0px; color: #fff; float: left; margin-top: -5px; font-weight: 700; text-decoration: none;}
.ie8 .side-bars .s-bar a.lchat {font-size:16px;}
.ie8 .side-bars .s-bar a.lchat span{font-size:13px}
.side-bars .s-bar a.lchat { padding: 0px 0 0 0px; line-height:48px; font-size:15px; font-weight:300; text-decoration:none;}
.side-bars .s-bar a.lchat span { color: #ffba00; font-weight:700; font-size:13px}





.sideform .switch {
    position: absolute;
    height: 276px;
    width: 42px;
    top: 0px;
    left: -42px;
    cursor: pointer;
    background: url(images/get-img.png) 8px 36px no-repeat #c51616;
    border-radius: 5px 0px 0px 5px;
}


.sideform .switch.opened i {
    position: absolute;
    background: url(images/arrow-icon-right.png) 10px 9px no-repeat;
}






.red-btn {
    position: fixed;
    height: 276px;
    width: 42px;
    top: 197px;
    right: 0;
    cursor: pointer;
    background: url(images/get-img.png) 8px 36px no-repeat #c51616;
    border-radius: 5px 0px 0px 5px;
    z-index: 2000;
}

div#DivThankyouMsg {
    width: 420px;
    position: fixed;
    display: block;
    top: 20%;
    background: #fff;
    left: 50%;
    right: 0;
    margin-left: -250px;
    z-index: 1200;
    box-sizing: border-box;
    padding: 25px;
    border-radius: 9px;
}
#closeDivThankyouMsg {
    position: absolute;
    right: -10px;
    top: -10px;
    color: #fff;
    background: red;
    padding: 5px 8px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.formpopup {
        width: 500px;
    height: 436px;
    position: fixed;
    top: 20%;
    background: none;
    left: 50%;
    right: 0;
    margin-left: -250px;
    z-index: 1200;
    display: none;
    background: url(images/popup-bg.png) no-repeat;
    box-sizing: border-box;
    padding: 25px;
    border-radius: 9px;
}
	
.formpopup h4, .heading-4 {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    font-weight: 400;
    text-transform: inherit;
    color: #fff;
    text-align: left;
    margin-bottom: 10px;
    background: none;
    padding: 16px 20px;
    margin: -25px -25px 30px -25px !important;
    text-align: center;
}




.close-img {    position: absolute;
    top: -23px;
    right: -120px; cursor:pointer;}


.red-btn i {
    width: 50px;
    height: 50px;
    top: 0px;
    position: absolute;
    background: url(images/arrow-icon.png) 10px 9px no-repeat;
}



.switch {display:none;}


body {    overflow-x: hidden;}



#overlay-popup {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background:rgba(0,0,0,0.8);display: none;z-index: 1000;}

#toll-free-banner {position: relative;}

#toll-free-banner span {
position: absolute;
    z-index: 500;
    left: 145px;
    top: 29px;
    font-size: 40px;
    font-family: roboto;
    color: #f55821;
    font-weight: bold;
    text-shadow: -3px 1px 0 #fff;
}

.error {
    font: normal 12px arial;
    color: RED;
    margin-left: 5px;
    display: none;
    clear: both;
}
.success {
    font: normal 12px arial;
    color: green;
    margin-left: 5px;
    display: none;
    clear: both;
}

.mbl_call_chat_button {
    position: fixed;
    bottom: 22px;
    left: 21px;
    z-index: 9999999;
    width: 46px;
    height: 46px;
    display: none;
}

/*sidebar newsletter*/
.botbannerRightinner br
{	line-height:1em;
	font-size:8px;
	height:1px;}
.botbannerRightinner .botbannerRight {
	width:291px;
	height:146px;
	float:left;
	margin:0 0 0 0;
}
.botbannerRightinner .lefttxtbox
{
	margin:0 0 0 0;
	padding:0;
	width:180px;
	height:22px;
	float:left;
	}
.botbannerRightinner .rightsbmitbtn
{
	margin:4px 0 0 10px;
	padding:0 0 0 5px;
	width:70px;
	height:22px;
	float:left;
	}
.botbannerRightinner .botbtntxt	
{
	margin:0 0 0 0;
	padding:7px 0 0 8px;
	width:270px;
	height:25px;
	float:left;}