body {
      -webkit-font-smoothing:antialiased;
   }

/* ==========================================================================
   -------------------------- Font Import -----------------------------------
   ========================================================================== */
@font-face {
	font-family:'Roboto-Light';
	src: url('../fonts/Roboto-Light_gdi.eot');
	src: url('../fonts/Roboto-Light_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Light_gdi.woff') format('woff'),
		url('../fonts/Roboto-Light_gdi.ttf') format('truetype'),
		url('../fonts/Roboto-Light_gdi.svg#Roboto-Light') format('svg');
	unicode-range: U+0009-FFFD;
    }

@font-face {
    font-family: 'helveticaneue-light';
    src: url('../fonts/helveticaneue-light-webfont.eot');
    src: url('../fonts/helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-light-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-light-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-light-webfont.svg#helveticaneue-light-webfont') format('svg');
   }
   
   @font-face {
    font-family: 'helvetica_neuebold';
    src: url('../fonts/helveticaneuebold-webfont-webfont.eot');
    src: url('../fonts/helveticaneuebold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuebold-webfont-webfont.woff') format('woff'),
         url('../fonts/helveticaneuebold-webfont-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneuebold-webfont-webfont.svg#helvetica_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;

}
   
@font-face {
    font-family: 'angelina-gdi';
    src: url('../fonts/angelina-gdi.eot');
    src: url('../fonts/angelina-gdi.eot?#iefix') format('embedded-opentype'),
         url('../fonts/angelina-gdi.woff') format('woff'),
         url('../fonts/angelina-gdi.ttf') format('truetype'),
         url('../fonts/angelina-gdi.svg#angelina-gdi') format('svg');
   }

   
   @font-face {
    font-family: 'helveticaneue-roman';
    src: url('../fonts/helveticaneueltw1g-roman_gdi.eot');
    src: url('../fonts/helveticaneueltw1g-roman_gdi.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltw1g-roman_gdi.woff') format('woff'),
         url('../fonts/helveticaneueltw1g-roman_gdi.ttf') format('truetype'),
         url('../fonts/helveticaneueltw1g-roman_gdi.svg#helveticaneueltw1g-roman_gdi') format('svg');

   }
   
     @font-face {
    font-family: 'helveticaneue-medium';
    src: url('../fonts/helveticaneue-medium-webfont.eot');
    src: url('../fonts/helveticaneue-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-medium-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-medium-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-medium-webfont.svg#helveticaneue-medium-webfont') format('svg');

   }
   
   
@font-face {
    font-family: 'futura_bk_btbook';
    src: url('../fonts/futuran-webfont.eot');
    src: url('../fonts/futuran-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuran-webfont.woff') format('woff'),
         url('../fonts/futuran-webfont.ttf') format('truetype'),
         url('../fonts/futuran-webfont.svg#futura_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;


}

   
@font-face {
	font-family:'MyriadPro_semibold';
	src: url('../fonts/MyriadPro-Semibold_gdi.eot');
	src: url('../fonts/MyriadPro-Semibold_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Semibold_gdi.woff') format('woff'),
		url('../fonts/MyriadPro-Semibold_gdi.ttf') format('truetype'),
		url('../fonts/MyriadPro-Semibold_gdi.svg#MyriadPro-Semibold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB04;

}


@font-face 
{ 
font-family: 'myriad-pro-condensed'; 
src: url('../fonts/MyriadPro-Cond.eot'); 
src: url('../fonts/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-Cond.woff') format('woff'), 
url('../fonts/MyriadPro-Cond.ttf') format('truetype'), 
url('../fonts/MyriadPro-Cond.svg#webfont') format('svg');

 }


@font-face {
    font-family: 'tahomaregular';
    src: url('../fonts/tahoma-webfont.eot');
    src: url('../fonts/tahoma-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tahoma-webfont.woff') format('woff'),
         url('../fonts/tahoma-webfont.ttf') format('truetype'),
         url('../fonts/tahoma-webfont.svg#tahomaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family:MyriadPro;
src: url('../fonts/MyriadPro-Regular.eot'); /* IE9 Compatibility Modes */
src: url('../fonts/MyriadPro-Regular.eot?') format('eot'),  /* IE6-IE8 */
url('../fonts/MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/MyriadPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fonts/MyriadPro-Regular.svg#svgMyriadPro-Regular') format('svg'); /* Legacy iOS */
}


/* ==========================================================================
   -------------------------- Font Import -----------------------------------
   ========================================================================== */
   
   
/* =========================== Global================================== */
::-webkit-input-placeholder {
   color: #999;
}

:-moz-placeholder { /* Firefox 18- */
   color:#999;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#999;
}

:-ms-input-placeholder {  
   color:#999;
}


   
::-moz-selection{ background: #d5edd3; color:#454545; text-shadow: none; }
::selection { background:#d5edd3; color:#454545; text-shadow: none; } 

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

ul li{ list-style:none;font-family:arial;color:#656565;}

ol{ margin:0;padding:0;}

ol li{font-family:arial;color:#656565;}

p{margin:0;padding:0;font-family:'helveticaneue-light';font-size:17px;color:#595758;font-weight:normal;line-height:20px;}

    
a{color:#1ca4cc;}
a:hover{color:#6d6c68;text-decoration:none;}
   
img{border:0;max-width:100%;height:auto;}

.clear{clear:both; }

h1{font-size:35px;color:#000;font-family:'helveticaneue-light';clear:both;}

h1{font-size:30px;color:#000;font-family:'helveticaneue-light';clear:both;}

h3{font-size:22px;color:#333333;font-family:'helveticaneue-light';clear:both;}

/* =========================== Global ================================== */


/* =========================== header ================================ */

#wrap_container {width:100%;margin:0;padding:0;float:left;}

header{height:60px;position:fixed;top:0; transition:top 0.9s ease-in-out;width: 100%;background:#fff;z-index:99999999999}

.col-xs-2a{width:12%;float:right;padding:0;margin:0; }



.nav-up {top: -60px;}

.shadow{box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);opacity:0.95;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.95)";}

            
/*.shadow{width:100%;margin:0;padding:0;float:left;height:60px;position:fixed;z-index:99999999999999;top:0;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}

.wshadow{width:100%;margin:0;padding:0;float:left;height:60px;background:#fff;position:fixed;z-index:99999999;top:0;}*/

.header-inner-container{width:1050px;margin:0 auto;padding:0;clear:both;}

.inner-container{width:1293px;margin:0 auto;padding:0;clear:both;max-width:1293px;}

/*.logo-container{width:100%;margin:0;padding:0;float:left;z-index:999;height:60px;line-height:55px;}*/

.logo-container{margin:0;padding:0;float:left;z-index:999;height:60px;line-height:55px;}

/* logo hover effect for innerpages */
.logo{background:url(../images/logo-1.png) no-repeat;width:171px;margin:2px 0 0 8px;padding:0;height:54px;float:left;text-indent:-9999px;overflow:hidden;
}
.logo{background:url(../images/logo.png) no-repeat;width:265px;height:75px;padding:0 0 22px;margin:0 30px 0 0;}
.logo a{display:block;height:100%;}
.logo a span{display: none;}
.logo a:hover span{display:block;position:absolute;top:15px;left:300px;width:185px;height:57px;background:url(../images/back-to-home.jpg) no-repeat;}
/* logo hover effect for innerpages */





.logo-section{width:100%;margin:0;padding:0;float:left;position:relative;}

.backtohome{width:100%;margin:0px 0 0 0;padding:0;float:left;position:absolute;top:5px;right:160px;width:73px;height:21px;z-index:100}

.order-now-container{width:50%;margin:17px 0 0 0;padding:0;float:right;}

ul.order-buttons {margin:0;padding:0;float:right;}
ul.order-buttons li {margin:0 0 0 15px;padding:0;display:inline;font-family:'Roboto-Light';font-size:15px;float:left;font-weight:bold}
ul.order-buttons li a {color:#fff;padding:7px 40px;float:left;}

a.order-now {font-family:'Roboto-Light';font-size:15px;background:#cf254a url(../images/red-button-back.jpg) repeat-x;-webkit-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);
-moz-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);-webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease;-o-transition: opacity 1s ease;transition: opacity 1s ease;}

a.order-now:hover {font-family:'Roboto-Light';font-size:15px;background:#db204b;-webkit-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);
-moz-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);opacity: .7;-webkit-transition: opacity .5s ease;-moz-transition: opacity .5s ease;-o-transition: opacity .5s ease;transition: opacity .5s ease;}



a.request-a-callback {font-family:'Roboto-Light';font-size:15px;background:#1482bf url(../images/blue-button-back.jpg) repeat-x;-webkit-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);
-moz-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);-webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease;-o-transition: opacity 1s ease;transition: opacity 1s ease;}

a.request-a-callback:hover {font-family:'Roboto-Light';font-size:15px;background:#10a6e1;-webkit-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);
-moz-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);opacity: .7;-webkit-transition: opacity .5s ease;-moz-transition: opacity .5s ease;-o-transition: opacity .5s ease;transition: opacity .5s ease;}



/* --- Top Navigation --- */

nav {width:100%;float:right;padding:0;margin:16px 0 0 0;height:30px;}
.navbar-inverse { background:transparent; float: right; margin: 0; padding: 0; width: 100%;  height:30px; }
.navbar { margin:0; padding:0; width:100%;background:transparent;}   
.navbar-header {margin: 0; padding:0; float:right; width:100%;  }
.navbar-collapse {margin:0; padding: 0; float: left; width:100%; background:transparent;}
.navbar-nav{float:right;padding:0 0 0 20px}
.navbar-nav > li { display: block; margin:0; padding:0;letter-spacing:1px;}
.navbar-nav > li { display: block; margin:0; padding:0;}

.navbar-inverse .navbar-nav > li > a { margin:0; padding:0px 15px 0;font-size:15px;  line-height:30px; font-family:'helveticaneue-light'; font-weight:normal; color:#000!important; text-align:left; transition: all 0.3s ease 0s;}



.navbar-inverse .navbar-nav > li > a:hover{ color:#1298d5!important;}

.navbar-inverse .navbar-nav > li > a.active {  color:#1298d5!important; background:transparent; }
.navbar-inverse .navbar-nav > li.menu-item-last {  background:none;  }
.navbar > .container .navbar-brand {margin-left: 0;}
ul.navbar-nav li a.active {  color:#000; }
.navbar-inverse .navbar-nav > li.last {border:none; display:none;}
.navbar-inverse .navbar-nav > li.last > a {padding:0 0 0 10px;background:#6fbd45;color:#fff!important;font-weight:bold;}





.ordr-top-button{width:96%;float:right;padding:0;margin:15px 0 0 0;}

/*
p.ordr-now{ color:#fff; margin:15px 0 0 0; padding:0px 10px 0;font-size:16px; font-family:'Roboto-Light'; font-weight:bold; text-align:center;}

p.ordr-now a{ color:#fff; text-decoration:none;background:url('../images/ordr-now-bkg-rep.jpg') repeat-x;line-height:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; width:122px;float:left; font-family:'Myriadpro_semibold';-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);}
p.ordr-now a:hover{ color:#fff; text-decoration:none;background:url('../images/ordr-now-bkg-rep-hover.jpg') repeat-x;}
*/







p.ordr-now{ color:#fff; margin:0; padding:0;font-size:16px; font-family:'Myriadpro_semibold'; font-weight:normal; text-align:center;}

p.ordr-now a{ color:#fff;line-height:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; float:left; font-family:'Myriadpro_semibold';-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#6fbd45,#0f5f24);  
background: -moz-linear-gradient(#6fbd45,#0f5f24);   background: -o-linear-gradient(#6fbd45,#0f5f24);  
background: linear-gradient(#6fbd45,#0f5f24);  -webkit-transition:background 160ms ease-in 0s;  -moz-transition:background 160ms ease-in 0s;  -o-transition: background 160ms ease-in 0s;  transition: background 160ms ease-in 0s;   background-size:1px 100px;width:100%;
}
p.ordr-now a:hover{background-position:60px;}



/* --- Top Navigation --- */

/* =========================== header ================================ */

/* =========================== Home Page Slider ================================ */

section#banner-slider {width:100%;padding:0;margin:0;float:left;height:auto}
.banner{width:100%;padding:0;margin:60px 0 0 0;float:left;background:#f2f6f7}
.banner-inner-container{width:1148px;padding:0;margin:0 auto;clear:both;}

.order-button{width:1000px;padding:0;margin:0 auto;text-align:center;}

.order-button-center{width:100%;padding:0;margin:0;float:left;position:relative;}

.order-button-inner{width:100%;padding:0;margin:0;float:left;position:absolute;top:-85px;left:0;z-index:99999}



.order-button-inner p{ color:#fff; margin:15px 0 0 0; padding:0px 10px 0;font-size:25px; font-family:'Myriadpro_semibold'; font-weight:normal; text-align:center;}

.order-button-inner p a span{font-size:15px;}


.order-button-inner p a{ margin:0;padding:17px 40px;color:#fff;line-height:55px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#6fbd45,#0f5f24);  
background: -moz-linear-gradient(#6fbd45,#0f5f24);   background: -o-linear-gradient(#6fbd45,#0f5f24);  
background: linear-gradient(#6fbd45,#0f5f24);  -webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 150px;height:55px;
}
.order-button-inner p a:hover{background-position:100px;}





/* =========================== Home Page Slider ================================ */


/* =========================== Records ================================ */

section#records{width:100%;padding:0;margin:0;float:left;background-color:#ffffff;}

.record-inner-container{width:100%;padding:15px 0;margin:0;float:left;}

ul.record-panels{width:100%;padding:0;margin:0;float:left;}

ul.record-panels li{width:100%;padding:15px 0 0 0;margin:0;float:left;width:25%;border-right:1px dotted #999;height:112px;text-align:center;font-family:'helveticaneue-light';}

ul.record-panels li.right{width:100%;padding:15px 0 0 0;margin:0;float:left;width:25%;border-right:none;}

ul.record-panels li p.large{font-family:'tahomaregular';font-size:50px;line-height:50px;letter-spacing:-3px;padding:0 0 0 16px;}

ul.record-panels li p.large-green{font-family:'helveticaneue-light';font-size:50px;line-height:50px;letter-spacing:-3px;padding:0 0 0 16px;background:url(../images/green-plus-icon.png) no-repeat scroll 180px 0;}

ul.record-panels li p.smalltext{font-family:'helveticaneue-light';font-size:18px;}

sup{margin:0 0 20px 0;padding:0;width:19px;height:30px;top:-5px;position:relative;left:4px}


/* =========================== Records ================================ */


/* =========================== designprocess ================================ */
section#designprocess{width:100%;padding:0;margin:0;float:left;background-color:#f2f6f7;}

.designprocess-holder{width:95%;padding:0;margin:0 auto;opacity:1;filter:alpha(opacity=1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";}

.heading-container{width:100%;padding:50px 0 0 0;margin:0;float:left;}

.process-holder{width:100%;padding:30px 0 30px 0;margin:0;float:left;}

ul.design-steps{padding:0;margin:0;text-align:center}

ul.design-steps li{padding:0;margin:0;width:18%;display:inline;float:left;text-align:center;}

ul.design-steps li.arrow{padding:0;margin:0;width:2%;display:inline;float:left;height:112px;vertical-align:middle;line-height:112px;text-align:center;}

h1.heading{text-align:left;font-size:37px;color:#1d1f1e;clear:both;padding:0;}

h3.subheading{text-align:center;font-size:22px;color:#50707b;clear:both;}

p.process-style{font-size:19px;padding-top:6px;}

.curvy-text{width:100%;padding:0;margin:0;float:left;}

.curvy-text p{font-family:'angelina-gdi';font-size:38px;color:#000;padding:10px 0 0 0;}

.best-seller-container{width:78%;padding:0;margin:0 auto;}

.best-seller-inner{width:100%;padding:0;margin:30px 0 10px 0;float:left;background-color:#fff;   -moz-box-shadow: 0 0 3px #999;-webkit-box-shadow: 0 0 3px #999;
box-shadow: 0 0 3px #999;border:1px solid #fff;}

.pakage-txt-holder{width:100%;padding:0;margin:0 0 20px 0;float:left;text-align:center;}

h4.pack-txt{font-size:19px;padding:0;font-family:'helveticaneue-light';color:#000;}

h4.pack-txt a{font-size:19px;padding:6px 30px;font-family:'helveticaneue-light';color:#000; background: url('../images/pack-arrow.png') no-repeat scroll 185px 4px;}

h3.read-more-testi{font-size:16px;padding:0;font-family:'Myriadpro_semibold';color:#000; text-align:center;line-height:40px;}

h3.read-more-testi a{margin:0;padding:15px 40px;color:#fff;line-height:55px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#4d4d4d,#000000);  
background: -moz-linear-gradient(#4d4d4d,#000000);   background: -o-linear-gradient(#4d4d4d,#000000);  
background: linear-gradient(#4d4d4d,#000000);  -webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 100px;height:55px;}


h3.read-more-testi a:hover{background-position:100px;}


h4.pack-txt a:hover{color:#50707b;}

.package-heading{width:25%;padding:0;margin:0;float:left;}

.selling-points{width:30%;padding:0;margin:0;float:left;}

.image-container{width:20%;padding:50px 0 0 0;margin:0;float:left;position:relative;}

.order-now-left-extention{width:22px;height:31px;padding:0;margin:0;float:left;position:absolute;right:0;top:40px;}

.ordernow{width:25%;padding:0;margin:0;float:left;background-color:#4f4f4f;min-height:240px;}

p.best-seller{font-family:'angelina-gdi';font-size:38px;color:#000;padding:100px 0 0 50px;font-weight:bold;vertical-align:middle;}

p.package-style{text-align:left;padding:0 0 0 50px;}

ul.point-list{margin:20px 0;padding:0;}

ul.point-list li{margin:0;padding:0 0 0 12px;font-family:'futura_bk_btbook';font-size:20px;color:#000;background:url(../images/blue-bullet.png) no-repeat scroll 0 12px;line-height:28px;}

p.package-rates{font-family:'helveticaneue-roman';font-size:33px;color:#fff;padding:80px 0 0 0;text-align:center;font-weight:bold;}
p.package-rates span{font-family:'helveticaneue-roman';font-size:65px;color:#fff;padding:30px 0 0 0;text-align:center;font-weight:bold;line-height:40px;vertical-align:top;}

p.ordernow-green-button{margin:40px 0 0 0;padding:0;text-align:center;font-family:'Myriadpro_semibold';font-size:20px;font-weight:normal;text-align:center;}


p.ordernow-green-button a{margin:0;padding:13px 34px;color:#fff;line-height:55px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#6fbd45,#0f5f24);  
background: -moz-linear-gradient(#6fbd45,#0f5f24);   background: -o-linear-gradient(#6fbd45,#0f5f24);  
background: linear-gradient(#6fbd45,#0f5f24);  -webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 100px;height:55px;}

p.ordernow-green-button a:hover{background-position:100px;}


/*

ul.design-steps li img {-webkit-transform:scale(1.0); 
-moz-transform:scale(1.0); 
-o-transform:scale(1.0); 
-webkit-transition-duration: 1s; 
-moz-transition-duration: 1s; 
-o-transition-duration: 1s; 
opacity: 0.4; }

ul.design-steps li img:hover {-webkit-transform:scale(1.0); 
-moz-transform:scale(1.0);
-o-transform:scale(1.0); 
-webkit-box-shadow:0px 0px 0px gray; 
-moz-box-shadow:0px 0px 0px gray; 
opacity: 1;}

*/
/* =========================== designprocess ================================ */


/* =========================== portfolio ================================ */
section#portfolio{width:100%;padding:50px 0; margin:0;float:left;background:url(../images/portfolio-pattern.jpg) repeat;}

.portfolio-inner-container{width:90%;padding:0;margin:0 auto;clear:both;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

.heading-holder{width:100%;padding:0;margin:0;float:left;}

.portfolio-slider-holder{width:100%;padding:0;margin:30px 0;float:left;}

.content-block p { color: #000; font-family: MyriadPro; font-size: 16px; font-weight: normal; line-height:23px;  margin: 0; padding:0; }
.content-block p span { color: #095ba5; font-family: 'helveticaneue-light'; font-size: 20px; font-weight: bold; line-height:24px;  margin: 0; padding:0; }
.content-block p span.blue-text{ color: #09b9e2;font-weight: bold;font-size: 14px;}
.content-block p span.blue { color: #085ba9;font-weight: bold;font-size:16px; font-family: 'helveticaneue-light'; }

.bot-content-block p { color: #3d3d3d; font-family: 'helveticaneue-light'; font-size: 19px; font-weight: normal; line-height:22px;  margin: 0; padding:0; text-align:center; }


p.subtitle{color:#000;text-align:center;font-size:19px;}
.portfolio-buttons-holder{width:85%;padding:0;margin:0 auto;clear:both;}

.button-holder-inner{width:100%;padding:0;margin:20px 0 0 0;float:left;}

.top-img-holder{width:100%;padding:5px;margin:0;float:left;}

.bottom-img-holder{width:100%;padding:5px;margin:0;float:left;}

.portfolio-buttons{padding:0;margin:0 0.5% 0;width:32%;display:inline;float:left;}

.portfolio-buttons p{padding:0;margin:0;font-family:'Myriadpro_semibold';font-size:20px;font-weight:normal!important;}


/*.portfolio-black-button a{padding:0;margin:0;font-family:'Myriadpro_semibold';font-size:20px;font-weight:normal!important;background:url('../images/black-button-normal.jpg') repeat-x;height:55px;float:left;line-height:55px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;width:100%;text-align:center;color:#fff;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);}

.portfolio-black-button a:hover{background:url('../images/black-button-hover.jpg') repeat-x;color:#fff;}*/



.portfolio-black-button a{margin:0;padding:0;color:#fff;line-height:55px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#595959,#000000);  
background: -moz-linear-gradient(#595959,#000000);   background: -o-linear-gradient(#595959,#000000);  
background: linear-gradient(#595959,#000000);  -webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 180px;height:55px;float:left;line-height:55px;width:100%;text-align:center;}

.portfolio-black-button a:hover{background-position:10px;}



.portfolio-blue-button{padding:0;margin:0;font-family:'helveticaneue-light';font-size:18px;text-shadow: 1px 1px 1px #000;font-weight:bold;background:url('../images/portfolio-blue-button-back.jpg') repeat-x;height:38px;float:left;line-height:38px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease;-o-transition: opacity 1s ease;transition: opacity 1s ease;float:left;width:100%;text-align:center;}
.portfolio-blue-button a{padding:0;margin:0;font-family:'helveticaneue-light';color:#fff;}
.portfolio-blue-button:hover{opacity: .9;-webkit-transition: opacity .5s ease;-moz-transition: opacity .5s ease;-o-transition: opacity .5s ease;transition: opacity .5s ease;}

.portfolio-green-button{padding:0;margin:0;font-family:'helveticaneue-light';font-size:18px;text-shadow: 1px 1px 1px #000;font-weight:bold;background:url('../images/portfolio-green-button-back.jpg') repeat-x;height:38px;float:left;line-height:38px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease;-o-transition: opacity 1s ease;transition: opacity 1s ease;float:left;width:100%;text-align:center;}
.portfolio-green-button a{padding:0;margin:0;font-family:'helveticaneue-light';color:#fff;}
.portfolio-green-button:hover{opacity: .9;-webkit-transition: opacity .5s ease;-moz-transition: opacity .5s ease;-o-transition: opacity .5s ease;transition: opacity .5s ease;}

.select-holder-bottom { display:none; }

/* =========================== portfolio ================================ */

/* =========================== Testimonial ================================ */

section#testimonial{width:100%;padding:50px 0;margin:0;float:left;background:url(../images/testimonials-body-pattern.jpg) repeat;}

.testimonial-holder{width:90%;padding:0;margin:0 auto;clear:both; }

.testimonial-blocks{width:100%;padding:30px 0 0 0;margin:0;float:left;}

.left-testimonial-panel{width:80%;padding:0;margin:0;float:left;}

.middle-testimonial-panel{width:80%;padding:0;margin:0 auto;clear:both;}


.right-testimonial-panel{width:80%;padding:0;margin:0;float:right;}

.testimonial-one-image-holder{width:100%;padding:0 0 15px 0;margin:0;float:left;border-bottom:1px solid #cf264b;}

.testimonial-two-image-holder{width:100%;padding:0 0 15px 0;margin:0;float:left;border-bottom:1px solid #1ca5c9;}

.testimonial-three-image-holder{width:100%;padding:0 0 15px 0;margin:0;float:left;border-bottom:1px solid #459e20;}

.testimonial-content{width:100%;padding:10px 0 15px 0;margin:0;float:left;}

p.testimonial-name{color:#000;text-align:center;font-size:15px;font-weight:bold;padding-top:5px;}

p.testimonial-name span{font-weight:normal;}

.readmore-holder{width:100%;padding:30px 0 0 0;margin:0;float:left;}



/* =========================== Testimonial ================================ */


/* =========================== Pricing ================================ */


section#pricing{width:100%;padding:50px 0;margin:0;float:left;background-color:#f2f6f7;}



.pricing-container{width:76%;padding:0;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";margin:0 auto;clear:both;}

.add-more-text{width:115px;padding:0;margin:0;float:left;position:absolute;top:680px;left:20px;overflow-x:hidden;}

.pricing-container-inner{width:100%;padding:20px 0 0 0;margin:0;float:left;}

.pricing-container-blocks{width:33%;padding:0;margin:0;float:left;}

.pricing-header{width:100%;padding:30px 0;margin:0;float:left;background-color:#fff;-moz-border-radius:10px 10px 0px 0px;-webkit-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px;border-right:2px solid #d9d9d9;   -moz-box-shadow: 0 0 3px #b0b0b0;
   -webkit-box-shadow: 0 0 3px #b0b0b0;
   box-shadow: 0 0 3px #b0b0b0;}

h2.pricing-heading{color:#000;text-align:center;font-size:23px;font-weight:normal;padding-top:5px;font-family:'helveticaneue-light';}

.price-value-holder-budget{width:100%;border-right:2px solid #d9d9d9;padding:20px 0 10px 0;margin:0;float:left;
background: -webkit-linear-gradient(#14a5da,#198ca9);  
background: -moz-linear-gradient(#14a5da,#198ca9);   
background: -o-linear-gradient(#14a5da,#198ca9);  
background: linear-gradient(#14a5da,#198ca9);   
background-size:1px 67px;
box-shadow: 0 0 3px #b0b0b0;}
   
.price-value-holder-best-seller{width:100%;border-right:2px solid #d9d9d9;padding:20px 0 10px 0;margin:0;float:left;
background: -webkit-linear-gradient(#9ada12,#7aba1d);  
background: -moz-linear-gradient(#9ada12,#7aba1d);   
background: -o-linear-gradient(#9ada12,#7aba1d);  
background: linear-gradient(#9ada12,#7aba1d);   
-moz-box-shadow: 0 0 3px #b0b0b0; 
-webkit-box-shadow: 0 0 3px #b0b0b0;
box-shadow: 0 0 3px #b0b0b0; -webkit-box-shadow: 0 0 3px #b0b0b0;}

.price-value-holder-no-compromise{width:100%;border-right:2px solid #d9d9d9;padding:20px 0 10px 0;margin:0;float:left;azimuth:: 0 0 3px #b0b0b0;
background: -webkit-linear-gradient(#106689,#074470);  
background: -moz-linear-gradient(#106689,#074470);   
background: -o-linear-gradient(#106689,#074470);  
background: linear-gradient(#106689,#074470);   
-moz-box-shadow: 0 0 3px #b0b0b0; 
 -webkit-box-shadow: 0 0 3px #b0b0b0;box-shadow: 0 0 3px #b0b0b0;}

p.price-value{font-size:25px;vertical-align:top;color:#fff;text-align:center;font-family:'helveticaneue-medium';}

p.price-value span{color:#fff;font-size:50px;line-height:40px;vertical-align:top}

.features{width:100%;padding:0;margin:0;float:left;}

ul.features-points{width:100%;padding:0;margin:0;}

ul.features-points li{width:100%;padding:0;margin:0;height:50px;border-bottom:1px dashed #c3c3c3;border-right:2px solid #d9d9d9;background:#fff;font-family:'helveticaneue-light';font-size:15px;text-align:center;vertical-align:middle;line-height:50px;color:#000000;-moz-box-shadow: 0 0 3px #b0b0b0; -webkit-box-shadow: 0 0 3px #b0b0b0;box-shadow: 0 0 3px #b0b0b0;float:left;transition: all 0.2s ease 0s;}


ul.features-points li.hover-effects:hover{background:#F2F6F7;}





ul.features-points li.last{width:100%;padding:0;margin:0;height:50px;border-bottom:none;border-right:2px solid #d9d9d9;background:#fff;font-family:'helveticaneue-light';font-size:15px;text-align:center;vertical-align:middle;line-height:50px;color:#000000;-moz-box-shadow: 0 0 3px #b0b0b0; -webkit-box-shadow: 0 0 3px #b0b0b0;box-shadow: 0 0 3px #b0b0b0;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;border-right:2px solid #d9d9d9; }

span.blue-text{color:#188aa4;font-weight:bold;}
span.green-text{color:#77ba1f;font-weight:bold;}
span.navy-text{color:#06456e;font-weight:bold;}

.package-calculator-holder{width:100%;padding:0;margin:0;float:left;}

ul.package-calculator{width:100%;padding:0;margin:0;}

ul.package-calculator li{width:100%;padding:0;margin:0;height:50px;border-bottom:1px solid #c3c3c3;border-right:2px solid #d9d9d9;background:#F2F6F7;font-family:'helveticaneue-light';font-size:15px;vertical-align:middle;line-height:50px;color:#000000;-moz-box-shadow: 0 0 3px #b0b0b0; -webkit-box-shadow: 0 0 3px #b0b0b0;box-shadow: 0 0 3px #b0b0b0;float:left;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}


ul.package-calculator li.total{width:100%;padding:0;margin:0;height:160px;border-bottom:1px solid #c3c3c3;border-right:2px solid #d9d9d9;background:#fff;font-family:'helveticaneue-light';font-size:15px;vertical-align:middle;line-height:50px;color:#000000;-moz-box-shadow: 0 0 3px #b0b0b0; -webkit-box-shadow: 0 0 3px #b0b0b0;box-shadow: 0 0 3px #b0b0b0;float:left;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}


ul.package-calculator li.ordernow-section-budget{width:100%;padding:0;margin:0;height:56px;border-bottom:none;border-right:2px solid #d9d9d9; font-family:'helveticaneue-light';font-size:15px;text-align:center;vertical-align:middle;line-height:50px;color:#000000;-moz-box-shadow: 0 0 3px #b0b0b0; -webkit-box-shadow: 0 0 3px #b0b0b0;box-shadow: 0 0 3px #b0b0b0;float:left;-moz-border-radius:0-webkit-border-radius:0;border-radius:0;}

ul.package-calculator li.ordernow-section-best-seller{width:100%;padding:0;margin:0;height:56px;border-bottom:1px solid #c3c3c3;border-right:2px solid #d9d9d9;background:url('../images/best-seller-holder-back.jpg') repeat-x; font-family:'helveticaneue-light';font-size:15px;text-align:center;vertical-align:middle;line-height:50px;color:#000000;-moz-box-shadow: 0 0 3px #b0b0b0; -webkit-box-shadow: 0 0 3px #b0b0b0;box-shadow: 0 0 3px #b0b0b0;float:left;-moz-border-radius:0-webkit-border-radius:0;border-radius:0;}

ul.package-calculator li.ordernow-section-no-compromise{width:100%;padding:0;margin:0;height:56px;border-bottom:none;border-right:2px solid #d9d9d9;background:url('../images/no-compromise-holder-back.jpg') repeat-x; font-family:'helveticaneue-light';font-size:15px;text-align:center;vertical-align:middle;line-height:50px;color:#000000;-moz-box-shadow: 0 0 3px #b0b0b0; -webkit-box-shadow: 0 0 3px #b0b0b0;box-shadow: 0 0 3px #b0b0b0;float:left;-moz-border-radius:0-webkit-border-radius:0;border-radius:0;}






ul.package-calculator li.last{width:100%;padding:0;margin:0;height:10px;border-bottom:none;border-right:2px solid #d9d9d9;background:#fff;font-family:'helveticaneue-light';font-size:15px;text-align:center;vertical-align:middle;line-height:50px;color:#000000;-moz-box-shadow: 0 0 3px #b0b0b0; -webkit-box-shadow: 0 0 3px #b0b0b0;box-shadow: 0 0 3px #b0b0b0;-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;border-right:2px solid #d9d9d9; }


  .checkbox-holder{width:40%;padding:0 0 0 3%;margin:0;float:left;}
    
  .checkbox-holder label{color:#4c4c4c;}
  
  
  
  .package-details{width:25%;padding:13px 0 0 0;margin:0;float:left;}
  
  .package-details a{font-size:12px;color:#4e4e4e;text-decoration:underline;padding:0 0 0 20px;}
  
  .package-details a:hover{font-size:12px;color:#1697be;text-decoration:underline;}
  
  .addition-icon{width:10%;padding:0;margin:0;float:left;}
  
  .addition-icon p{padding:0;margin:0;line-height:47px;font-size:23px;font-weight:bold;color:#258da6;text-align:center;}
  
  .added-price{width:22%;padding:0;margin:0;float:left;}
  .added-price p{padding:0;margin:0;line-height:35px;font-size:13px;font-weight:bold;text-align:center;}
  .added-price p span{padding:10px 10px 0 0;margin:0;color:#278fa8;font-size:23px;font-weight:bold;}
  .added-price p span.add-value{padding:0;margin:0;color:#3b3b3b;font-size:27px;font-weight:bold;line-height:50px;vertical-align:top;}
  
  .total-holder  {width:50%;padding:0 0 0 0%;margin:0;float:left;}
  
  .total-holder label{line-height:80px;padding-left:20px;}
  
  .currency-holder{width:10%;padding:0 0 0 0%;margin:0;float:left;}
  .currency-holder p{padding:0 10px 0 0;margin:0;line-height:80px;font-size:25px;font-weight:bold;color:#2c2c2c;text-align:right;}
  
  .total-value-holder{width:40%;padding:0 0 0 0%;margin:0;float:left;}
  
  .order-buttons{width:100%;padding:0 0 0 0%;margin:0;float:left;}
  
  input.price-textbox{width:80%;padding:0 0 0 0%;margin:15px 0 0 0;background:#f2f2f2;height:50px;border-right:2px solid #d3d3d3;border-bottom:2px solid #d3d3d3;border-top:2px solid #d3d3d3;border-left:2px solid #d3d3d3; font-size:25px; text-align:center; font-weight:bold;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}



  input.package-order-button{margin:0;padding:13px 53px;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#6fbd45,#136326);  
background: -moz-linear-gradient(#6fbd45,#136326);   background: -o-linear-gradient(#6fbd45,#136326);  
background: linear-gradient(#6fbd45,#136326);  -webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 150px;font-family: 'Myriadpro_semibold';
 font-size: 20px; font-weight: bold;border:none;}

  input.package-order-button:hover{background-position:100px;}
  
  
  
 #mktipmsg {padding: 5px; background-color: #fdfdfd;  border: 1px solid #d2d2d2; width:180px;font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; display:none; position:absolute;right:0px;top:-20px; } 


/* =========================== Tooltip =================== */
  a.tooltipstyle {outline:none;} 
  
  a.tooltipstyle:hover {text-decoration:none;} 
  
  a.tooltipstyle span { z-index:10;display:none; padding:14px 20px; margin-top:-20px; margin-left:15px; width:240px; line-height:16px;transition: all 0.3s ease 0s; } 
  
  a.tooltipstyle:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fff;} 
  
  .callout {z-index:20;position:absolute;top:20px;border:0;left:-3px;} /*CSS3 extras*/ 
  
  a.tooltipstyle span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; }

/* =========================== Tooltip =================== */



/* =========================== Pricing border-top: =================== */

/* =========================== awards Starts ================================ */


section#awards-logo{width:100%;padding:0;margin:0;float:left;background-color:#fff;}

.inner-awards-logo{width:100%;padding:45px 0;margin:0 0 0 0; float:left;text-align:center;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

h3.subheading-awards{text-align:center;font-size:29px;color:#7d7d7d;font-family:'helveticaneue-light';clear:both;letter-spacing:14px;}

ul.awrds-list{padding:10px 0;margin:0;text-align:center;}

ul.awrds-list li{padding:0 35px;margin:0;list-style:none;line-height:112px;display:inline;}

ul.awrds-list li a{padding:0;text-decoration:none;}

ul.awrds-list li a:hover{opacity:0.7;}



/* =========================== awards Ends ================================ */

/* =========================== reseller Starts ================================ */

section#reseller{width:100%;padding:0;margin:0;float:left;background:url('../images/logo-design-team-map-pattern.jpg') repeat;}

.reseller-holder{width:100%;padding:0;margin:0;float:left;background:url('../images/map.png');background-repeat:no-repeat;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;border-top:0px solid ;border-bottom:0px solid ;padding-top:0px;padding-bottom:0px;
}

.reseller-form-holder{width:767px;padding:0;margin:0 auto;background-color:#fff;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

.reseller-form-holder-inner{width:100%;padding:3% 5%;margin:0 0 40px 0;background-color:#fff;float:left;}

.resseller-form-left-holder{width:60%;padding:0;margin:0;float:left;}

.resseller-form-right-holder{width:40%;padding:0;margin:8% 0 0 0;float:left; text-align:center;}

.row-holder{width:86%;padding:0;margin:0 0 0 11%;float:left; }

.input_form{ margin:0; padding:0; width:100%; float:left;}

.input_form label{ margin:0; padding:5px 0; width:50px; float:left;line-height:60px;}

input.text_field{ border-top:2px solid #c2c2c2; border-right:2px solid #c2c2c2; width:270px; height:54px; float:left; font-size:17px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px; border-left:none;padding:0 0 0 20px;margin:5px 0;}


.submit-button-holder{ margin:0; padding:0; width:100%; float:left;}
.download-ebook-container{ margin:0; padding:0; width:100%; float:left;}

 
/*-----submit bottom  ----- */
/*.input_form .submit{ margin:0 10%; padding:0; height:55px; width:220px; float:left; cursor:pointer;border:none; font-size:20px; font-weight:normal; color:#feffff; background:url('../images/submit-button.jpg') repeat-x; font-family:'Myriadpro_semibold';border-radius:10px;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);}*/


.input_form .submit{ margin:0 10%;padding:0;height:55px; width:220px;color:#fff;float:left;line-height:55px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#f99928,#d86b0a);  
background: -moz-linear-gradient(#f99928,#d86b0a);   background: -o-linear-gradient(#f99928,#d86b0a);  
background: linear-gradient(#f99928,#d86b0a);  -webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 250px;border:none; font-size:20px; font-weight:normal; color:#feffff;font-family:'Myriadpro_semibold';}

  
.input_form .submit:hover{ background-position:0px;}

p.reseller-or-bkg{ color:#989898;margin:0;text-align:center;float:left;width:100%;height:39px;line-height:39px;}




p.button-download{ margin:0 24%; padding:0; cursor:pointer;border:none;font-family:'Myriadpro_semibold';font-size:15px;}

p.button-download a{color:#fff;margin:0;padding:17px 40px;color:#fff;line-height:55px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#4d4d4d,#000000);  
background: -moz-linear-gradient(#4d4d4d,#000000);   background: -o-linear-gradient(#4d4d4d,#000000);  
background: linear-gradient(#4d4d4d,#000000);  -webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 200px;height:55px;}

p.button-download a:hover{background-position:100px;}

sup.plus-symbol{margin:0 0 20px 0;padding:0;width:19px;height:30px;top:-5px;position:relative;left:-1px}

/* =========================== Reseller Ends ================================ */


/* =========================== Site Advisors Starts ================================ */


section#site-advisors{width:100%;padding:0;margin:0;float:left;background-color:#fff;height:100px;}

.inner-site-advisors{width:74%;padding:0;margin:0 auto;}

.inner-site-advisors-inner{width:60%;padding:0;margin:0 auto;}

ul.site-advisors-list{padding:25px 0 0 0;margin:0;text-align:center;}

ul.site-advisors-list li{padding:0 7px;margin:0;list-style:none;display:inline;float:left;}

/* =========================== Site Advisors  Ends ================================ */


/* =========================== Footer Starts ================================ */

section#footer{width:100%;padding:0;margin:0;float:left;background:url('../images/logo-design-team-footer-pattern.jpg') repeat;}

.footer-main-container{width:947px;padding:0;margin:0 auto;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

.footer-main-container-inside{width:947px;padding:0;margin:0 auto;}

.social-link-holder{width:55%;padding:30px 0 30px 0;margin:0 0 0 22%; float:left;}

ul.social-icons{padding:0;margin:0;text-align:center;}

ul.social-icons li{padding:0 5px;margin:0;list-style:none;display:inline;height:30px;line-height:30px;}

ul.social-icons li a:hover{opacity:0.7;}

ul.social-icons li span{float:left;margin:10px 0 0 0;}
ul.social-icons li span.followrs{padding:0 10px;margin:10px 0 0 0;font-family:'helveticaneue-light';font-size:11px;line-height:25px;color:#000;background:url('../images/social-followers-middle-rep-img.png') repeat-x;}

ul.social-icons li p.social-link-txt{padding:0;margin:0;font-family:'helveticaneue-light';font-size:14px;color:#a4a6a7;line-height:43px;}

.footer-nav-holder{width:100%;padding:30px 0 30px 0;margin:0 0 3% 0;float:left;background-color:#1d2123;border-radius:15px;border-left:1px solid #475459;border-bottom:1px solid #475459;}

.footer-nav-sec-holder{width:25%;margin:0;padding:0 1% 0 1%;float:left;border-right:1px dotted #414546;}

.footer-nav-sec-holder-right{width:18%;margin:0;padding:0 0 0 1%;float:left;}

ul.footer-nav{margin:0;padding:0;}

ul.footer-nav li{margin:0;padding:0;font-family:'helveticaneue-light';font-size:15px;color:#475459;line-height:35px;}

ul.footer-nav li a{text-decoration:none;color:#cccccc;padding:0 0 0 17px;}

ul.footer-nav li a:hover{text-decoration:none;color:#14dbdb;background:url('../images/bottom-nav-hover.jpg') no-repeat scroll 0 0px;padding:0 0 0 17px;}

ul.footer-nav li a.active{text-decoration:none;color:#14dbdb;background:url('../images/bottom-nav-hover.jpg') no-repeat scroll 0 0px;padding:0 0 0 17px;}

.copyright-info-holder{width:100%;padding:8px 0 30px;margin:0;float:left;}

p.copy-right-txt{padding:0;margin:0;font-family:'helveticaneue-light';font-size:12px;color:#707070;line-height:16px;text-align:center;}

p.copy-right-txt-large{padding:15px 0 0 0;margin:0;font-family:'helveticaneue-light';font-size:14px;color:#707070;line-height:16px;text-align:center;}

img.bottom-logo{padding:0 ;margin:-10px 0 0 0;text-align:center;}



/* =========================== Footer Ends ================================ */




[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; 
  top:12px;
  width:22px; height:22px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content:" ";
  position: absolute;
  top:12px; left:0px;
  font-size: 14px;
  width:22px; height:22px;
  color: #fff;
  background:url('../images/check-box.jpg') no-repeat scroll 0 0;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border:1px solid #aaa;
}

[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; 
  top:-12px;
  width:22px; height:22px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content:" ";
  position: absolute;
  top:-12px; left:0px;
  font-size: 14px;
  width:22px; height:22px;
  color: #fff;
  background:url('../images/check-box.jpg') no-repeat scroll 0 0;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="radio"]:disabled:checked + label:after {
  color: #999;
}
[type="radio"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before {
  border:none;
}




/* =========================== Green Contact Starts ================================ */


section#green-contact-sec{width:100%;padding:20px 0 30px 0;margin:0;float:left;background-color:#51727b;}

.form1-holder{width:1272px !important;padding:45px 0;margin:0 ; float:left;text-align:center;position:absolute;}

.listt-row1{width:100%;padding:20px 0 10px;margin:0; float:left;text-align:center; position:relative;}

.listt-row2{width:100%;padding:15px 0;margin:0; float:left;text-align:center;}

.sec1{padding:0;margin:0; float:left; width:400px; position:relative;}

.dhtmlgoodies_question{float:left;color:#000;width:430px;margin-bottom:2px;margin-top:0px;padding:2px 0 4px 2px;overflow:hidden;cursor:pointer;}


.dhtmlgoodies_answer{width:1285px; visibility:hidden; height:0px; overflow:hidden; position:relative;	left:0;border-radius:5px; padding:0;float:left;background:#32575d;top:20px;}

.dhtmlgoodies_answer2{	border:1px solid #317082;background-color:#32575d;	width:1285px;visibility:hidden;	height:0px;	overflow:hidden;position:relative;left:-805px;border-radius:5px;top:20px;}
    
.dhtmlgoodies_answer_content{padding:0 0 20px 0;margin:0 0 20px 0!important;font-size:0.9em;position:absolute;	width:1272px; height:auto;}

.callback-holder{padding:0;margin:0; text-align:center; margin:0 0 0 140px;}

.form-sec{width:33%;padding:0;margin:10px 0 0 0; float:left;text-align:center;}

.form-sec-request{width:40%;padding:0;margin:10px 5% 0 5%; float:left;text-align:center;}

.form-sec-request-right{width:40%;padding:0;margin:10px 10% 0 0; float:left;text-align:center;}

.input_form3 label{ margin:0; padding:2px 0 2px 80px; width:200px; float:left; font-size:18px; font-weight:normal; color:#fff;font-family:'helveticaneue-light'; text-align:left;}

h1.re-cal{background: -webkit-linear-gradient(#00aeea,#0071a0);  
background: -moz-linear-gradient(#00aeea,#0071a0);   
background: -o-linear-gradient(#00aeea,#0071a0);  
background: linear-gradient(#00aeea,#0071a0);  
-webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 120px; color:#fff; border-radius: 5px;
    float: left;font-family:'Myriadpro_semibold';  font-size: 18px; font-weight: bold; height: 56px; line-height: 56px;  margin: 0; padding: 0; text-align: center;width: 100%;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);}

h1.re-cal:hover{background-position:130px;}



.ordr-link-holder{width:310px;padding:0;text-align:center; margin:2px 0 0 70px; float:left;}



h1.ordr-link a{background: -webkit-linear-gradient(#70c647,#168834);  
background: -moz-linear-gradient(#70c647,#168834);   
background: -o-linear-gradient(#70c647,#168834);  
background: linear-gradient(#70c647,#168834);  
-webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 120px; color:#fff; border-radius: 5px;
    float: left;font-family:'Myriadpro_semibold';  font-size: 18px; font-weight: bold; height: 56px; line-height: 56px;  margin: 0; padding: 0; text-align: center;width: 100%;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);}

h1.ordr-link a:hover{background-position:130px;}


.cont-link-holder{width:310px;padding:0; text-align:center; margin:0 0 0 20px; float:left;}




h1.contact-link{background: -webkit-linear-gradient(#00aeea,#0071a0);  
background: -moz-linear-gradient(#00aeea,#0071a0);   
background: -o-linear-gradient(#00aeea,#0071a0);  
background: linear-gradient(#00aeea,#0071a0);  
-webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 120px; color:#fff; border-radius: 5px;
    float: left;font-family:'Myriadpro_semibold';  font-size: 18px; font-weight: bold; height: 56px; line-height: 56px;  margin: 0; padding: 0; text-align: center;width: 100%;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);}

h1.contact-link:hover{background-position:130px;}



h3.callback-hding-txt{color:#fff;font-family: 'helveticaneue-light'; font-size: 22px; font-weight: normal; line-height:35px;  margin:0 40px; padding:3px 0 0 0; text-align: left;}

.row-section{width:100%;padding:0;margin:10px 0; float:left;}

.drop-list1{width:23%;padding:0;margin:10px 0; float:left;}

label.custom-select{position: relative; display:inline-block;padding:0;}

select.select-small{width:98%;padding:0;margin:0;}

.custom-select select{display: inline-block; padding:8px 3px; margin: 0; font: inherit; outline:none; line-height: 1.2; background: #fff; color:#000;
        border:0;border-radius:5px;}
        
        
select.selectboxstyle{display: inline-block; padding:8px 3px; margin: 0; font: inherit; outline:none; line-height: 1.2; background: #fff; color:#000;
        border:0;border-radius:5px;}      
        
    
.input_form2 label{ margin:0; padding:2px 0 2px 0; width:90px; float:left; font-size:18px; font-weight:normal; color:#fff;font-family:'helveticaneue-light'; text-align:right;}

input.search_field{ border:none; width:308px; height:40px; float:left; font-size:20px; font-weight:normal; color:#000; font-family:'helveticaneue-light';border-radius:5px; float:right;}

textarea.search_field2{ border:none; width:308px !important; height:100px; float:left; font-size:20px; font-weight:normal; color:#000; font-family:'helveticaneue-light';border-radius:5px; float:right;}

input.submitbtn{
background: -webkit-linear-gradient(#c32146,#9d1942);  
background: -moz-linear-gradient(#c32146,#9d1942);   
background: -o-linear-gradient(#c32146,#9d1942);  
background: linear-gradient(#c32146,#9d1942);  
-webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out; color:#fff; border-radius: 5px;
    float: right;font-family:'Myriadpro_semibold';  font-size: 18px; font-weight: bold; height: 45px; line-height: 45px;  margin: 0; padding: 0; text-align: center; width:50%;border:none;background-size:1px 100px;}
 
input.submitbtn:hover{background-position:100px;}

/* =========================== Green Contact  Ends ================================ */






















/* =========================== Order Form Starts ================================ */
section#order-form{width:100%;padding:0;margin:0;float:left;background-color:#f2f6f7; }

.inner-container-order-form {  clear: both;  margin:2% auto;  max-width: 1200px;  width:880px; }

.top-order-form {  clear: both;  margin:0;  max-width: 1200px;  width:880px; text-align:center; float:left; }

.left-order-heading-text { width:100px; margin:0 0 0 20%; padding:0; height:50px; line-height:50px; float:left; }

.left-order-heading { width:34px; margin:0; padding:0; height:50px; float:left; }

.middle-order-heading { margin:0; padding:0; background:url('../images/middle-order-heading.jpg') repeat-x scroll 0 0; float:left; height:50px; }

.middle-order-heading p { color: #595758; font-family: 'helveticaneue-light'; font-size: 19px; font-weight: normal; line-height:50px;  margin: 0; padding:0; }

.right-order-heading { width:24px; margin:0; padding:0;  height:50px; float:left; }

.bottom-order-form {  clear: both;  margin:0;  max-width: 1200px;  width:880px; text-align:center; float:left; }

.order-tab { width:67%; margin:0; padding:0; float:left; }

#tabContainer {
	width:576px;
	padding:0;
	background-color:#fdfdfd;
    margin:0;
    float:left;
    border:1px solid #d6d6d6;
}
#tabs{
	height:50px;
	overflow:hidden;
	background: #e8e8e8;  
}
#tabs > ul{
	font: 1em;
	list-style:none;
}
#tabs > ul > li#tabHeader_2{
	margin:0;
	padding:8px 41px;
    border-left:1px solid #d6d6d6;
    border-right:1px solid #d6d6d6;
}
#tabs > ul > li{
	margin:0;
	padding:8px 41px;
	display:block;
	float:left;
	color:#000;
    font-family: 'helveticaneue-light';
    font-size: 22px;
    text-align: center;
    cursor:pointer;
	background: #e8e8e8; 
}
#tabs > ul > li:hover{
	background: #fdfdfd; 
}
#tabs > ul > li.tabActiveHeader{
	background: #fdfdfd; 
}
h2.tabpage-heading {
    color: #1ca5c9;
    font-family: 'helveticaneue-light';
    font-size: 31px;
    text-align: left;
    line-height:60px;
    border-bottom:1px dotted #bebebe;
    padding:0 0 0 25px;
}
#tabscontent {
	padding:15px;
	background: #fdfdfd;
}
ul.order-bullet-text
{
    margin: 25px 40px 40px 40px;
    padding: 0;
    float:left;
}
ul.order-bullet-text li
{
    color: #000;
    font-family: 'helveticaneue-light';
    font-size:17px;
    line-height:21px;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: left;
}

ul.order-bullet-text li a
{
    color: #6b6b6b;
    font-family: 'helveticaneue-roman';
    font-size:16px;
    line-height:21px;
    margin: 0 5px;
    padding: 0;
    cursor:pointer;
    text-align: left;
}
ul.order-bullet-text li a:hover
{
    color: #000;
    cursor:pointer;
}

.design-information-holder { background-color:#fdfdfd; border:1px solid #d6d6d6; float: left;  margin:3% 0 0 0;  padding:2%;  width: 576px; text-align:left; }

.design-information-row {  float: left;  margin:0;  padding:5%;  width:100%; text-align:left; }

.inside-design-information-row {  float: left;  margin:0;  padding:1% 0;  width:100%; text-align:left; }

p.design-text { color: #000; font-family: 'helveticaneue-roman'; font-size: 17px; font-weight: normal; line-height: 20px; margin:0; padding:0; float: left; width:50%; }

input.design-text_field { background-color: #efefef; border-left: medium none; border-radius: 10px; border-right: 2px solid #c2c2c2; border-top: 2px solid #c2c2c2; color: #3d3e39; float: right;  font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height:40px; margin:0; padding: 0 0 0 10px; width:50%; }

input.design-text_field:hover { background-color: #e8e8e8; border-left: medium none; border-radius: 10px; border-right: 2px solid #cccccc; border-top: 2px solid #d6d6d6; color: #000; float: right;  font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height:40px; margin:0; padding: 0 0 0 10px; width:50%; }
    
textarea.design-textarea_field { background-color: #efefef; border-left: medium none; border-radius: 10px; border-right: 2px solid #c2c2c2; border-top: 2px solid #c2c2c2; color: #3d3e39; float: right;  font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height:90px; margin:0; padding: 0 0 0 10px; width:50%; }

textarea.design-textarea_field:hover { background-color: #e8e8e8; border-left: medium none; border-radius: 10px; border-right: 2px solid #cccccc; border-top: 2px solid #c2c2c2; color: #000; float: right;  font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height:90px; margin:0; padding: 0 0 0 10px; width:50%; }

.left-contact-information {  float: left;  margin-right:6%;  padding:0;  width:47%; text-align:left; }

.right-contact-information {  float: right;  margin:0;  padding:0;  width:47%; text-align:left; }

label.contact-information { color: #000; float: left; font-family: 'helveticaneue-roman'; font-size: 17px; font-weight: normal; line-height: 20px; margin:0; padding: 0;   width:100%; }

input.contact-text_field { background-color: #efefef; border-left: medium none; border-radius: 10px; border-right: 2px solid #c2c2c2; border-top: 2px solid #c2c2c2; color: #3d3e39; float: right;  font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height:40px; margin:1% 0 5% 0; padding: 0 0 0 10px;  width:100%; }

input.contact-text_field:hover { background-color: #e8e8e8; border-left: medium none; border-radius: 10px; border-right: 2px solid #cccccc; border-top: 2px solid #c2c2c2; color: #000; float: right;  font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height:40px; margin:1% 0 5% 0; padding: 0 0 0 10px;  width:100%; }

.small-contact-information-text { clear: both; color: #000; font-size: 13px; text-align:center; line-height:14px; }

.money-back { clear: both; color:#000; font-size: 13px; text-align:left; line-height:20px; }

.money-back span { clear: both; color: #257ab3; font-size: 13px; text-align:left; line-height:20px; }

.money-back a { color: #257ab3;  }

.money-back a:hover { color: #595758;  }

input.submit-continue-button  {font-family:arial;font-size:21px;background:#cf254a url(../images/red-button-back.jpg) repeat-x;-webkit-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87); color:#fff; font-weight:bold; width:576px; float:left; padding:1.5% 0; margin:3% 0;
-moz-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);-webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease;-o-transition: opacity 1s ease;transition: opacity 1s ease; border:0 none;}

input.submit-continue-button:hover { background:#db204b;-webkit-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);
-moz-box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.87);opacity: .7;-webkit-transition: opacity .5s ease;-moz-transition: opacity .5s ease;-o-transition: opacity .5s ease;transition: opacity .5s ease; border:0 none;}

.order-summary  { width:33%; margin:2% 0 0 0; padding:0; float:right; height:100px; }

.repeat-order-summary { background:#fff; padding:8% 0; margin:0; width:287px; float:left; border:1px solid #d6d6d6;  text-align:center;}

.repeat-order-summary h2 
{
    color: #000;
    font-size:23px;
    font-weight: normal;
    padding-top: 5px;
    text-align: center;
    font-family: 'helveticaneue-light';
    float:left;
}

.total-price-holder { width:88%; float: left; margin:0 5%; padding:3% 0 0 0; text-align:center; }
.total-price-holder  h2 {
    color: #000;
    float: left;
    font-family: 'helveticaneue-light';
    font-size: 23px;
    font-weight: normal;
    text-align: left;
    line-height:23px;
}
.total-price-holder  h2 sup {
    color: #d0264b;
    font-family: 'helvetica_neuebold';
    font-size:15px;
    background:#f2f6f7 ;
    font-weight:bold;
}
.total-price-holder input {
    color: #d0264b;
    font-family: 'helvetica_neuebold';
    font-size:36px;
    margin: 0;
    padding:4px 0 0 5px;
    text-align: left;
    line-height:21px;
    background:#fff ;
    font-weight:normal;
    border:none;
    float:right;
    width:120px;
}
ul.order-summary-text
{ 
  width:90%; 
  float: left; 
  margin:0 5%; 
  padding:4% 2.5%; 
  border-top:1px dotted #bebebe; 
  border-bottom:1px dotted #bebebe;
  min-height:132px;
}
ul.order-summary-text li
{
    color: #000;
    float: left;
    font-family: 'Roboto-Light' ;
    font-size: 14px;
    line-height:25px;
    margin: 0;
    padding:0;
    text-align: left;
    clear:both;
    background:url('../images/tick.gif') no-repeat center right;
}

#sidebar { width:100%; float: left; }


}

#mktipmsg {padding: 5px; background-color: #fdfdfd;  border: 1px solid #d2d2d2; width:180px;font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; display:none; position:absolute;left:0px;top:0px; }

ul.order-logo-list { margin:0 0 10px 0; padding: 0; float:left;    width:480px; }
ul.order-logo-list li.first { color: #000; font-family: 'helveticaneue-roman'; font-size:16px; line-height:21px; margin: 0; padding: 0; text-align: left; float:left; width:75px; }

ul.order-logo-list li.mid-border {  margin: 10px 2px 0 2px; padding: 0;  float:left;    width:315px;    float:left;    border-top:1px solid #d2d2d2; }

ul.order-logo-list li.last { margin: 0;    padding: 0;    float:right;    width:80px;    float:right; }

ul.order-stationary-list { margin:0 0 10px 0; padding: 0; float:left;    width:480px; }

ul.order-stationary-list li.first { color: #000; font-family: 'helveticaneue-roman'; font-size:16px; line-height:21px; margin: 0; padding: 0; text-align: left; float:left; width:110px; }

ul.order-stationary-list li.mid-border {  margin: 10px 2px 0 2px; padding: 0;  float:left;    width:280px;    float:left;    border-top:1px solid #d2d2d2; }

ul.order-stationary-list li.last { margin: 0;  font-family: 'helveticaneue-roman';  padding: 0;    float:right;    width:80px;    float:right; }


ul.order-website-list { margin:0 0 10px 0; padding: 0; float:left;  width:480px; }

ul.order-website-list li.first { color: #000; font-family: 'helveticaneue-roman'; font-size:16px; line-height:21px; margin: 0; padding: 0; text-align: left; float:left; width:95px; }

ul.order-website-list li.mid-border {  margin: 10px 2px 0 2px; padding: 0;  float:left;    width:295px;    float:left;    border-top:1px solid #d2d2d2; }

ul.order-website-list li.last { margin: 0;    padding: 0;    float:right;    width:80px;    float:right; }

ul.order-brochure-list { margin:0 0 10px 0; padding: 0; float:left;  width:480px; }

ul.order-brochure-list li.first { color: #000; font-family: 'helveticaneue-roman'; font-size:16px; line-height:21px; margin: 0; padding: 0; text-align: left; float:left; width:100px; }

ul.order-brochure-list li.mid-border {  margin: 10px 2px 0 2px; padding: 0;  float:left;    width:290px;    float:left;    border-top:1px solid #d2d2d2; }

ul.order-brochure-list li.last { margin: 0; padding: 0; float:right; width:80px;  float:right; }

sup.order{
    height: 30px;
    margin: 0;
    padding: 0 4px 0 0;
    position: relative;
    top:0;
    right:10px;
    width:30px;
    letter-spacing:1px;
    font-size:11px;
}

[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; 
  top:-12px;
  width:22px; height:22px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content:" ";
  position: absolute;
  top:-12px; left:0px;
  font-size: 14px;
  width:22px; height:22px;
  color: #fff;
  background:url('../images/check-box.jpg') no-repeat scroll 0 0;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="radio"]:disabled:checked + label:after {
  color: #999;
}
[type="radio"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before {
  border:none;
}


a.req-a-callback{background: -webkit-linear-gradient(#00aeea,#0071a0);  
background: -moz-linear-gradient(#00aeea,#0071a0);   
background: -o-linear-gradient(#00aeea,#0071a0);  
background: linear-gradient(#00aeea,#0071a0);  
-webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 120px; color:#fff; border-radius: 5px;
    float: left;font-family:'Myriadpro_semibold';  font-size: 18px; font-weight: bold; height: 56px; line-height: 56px;  margin: 0; padding: 0; text-align: center;width: 100%;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);}

a.req-a-callback:hover{background-position:130px;}

.header-inner-container-inside{width:1000px;margin:0 auto;padding:0;clear:both;max-width:1200px;}

#inner-page{width:100%;margin:0;padding:0;float:left;background:#fff;}


span.customSelect {
	font-size:14px;
	background-color: #fff;
	color:#000;
	padding:5px 10px 5px 0;
	border:1px solid #e7dab0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px 5px;
}
span.customSelect.changed {
	background-color: #f0dea4;
}
.customSelectInner {
	background:url(../images/customSelect-arrow.gif) no-repeat center right;
}



.testimonial-inner{width:68%;margin:0 auto;padding:0;}

.testimonial-row{width:100%;margin:20px 0 50px 0;padding:0;float:left;}

.img-container{width:15%;margin:0;padding:0;float:left;}

.img-container img{border:6px solid #fff;outline:1px solid #eee;-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.65);
box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.65);}

.testimonial-panel{width:85%;margin:0;padding:0;float:right;}

.testimonial-name-inner{color:#000;text-align:right;font-size:14px;font-weight:normal;padding-top:5px;}

.readmore{color:#fff;text-align:right;font-size:14px;font-weight:normal;padding-top:5px;}

.readmore a{color:#cf254a;}

.readmore a:hover{color:#000;}


/* =========================== Order Form Ends ================================ */





/* =========================== new About Us CSS Ends ================================== */
.justask-form-holder { background:#fff; float: left; margin:5% 0 60px 4.5%; padding: 2%; width: 90%; }
.justask-form-holder p {clear:both; font-size:13px; color:#a1a1a1; margin-top:6%; }
.justask-form-holder p small {font-size:11px; color:#a1a1a1;}

.justask-row { float: left; margin: 0; padding:10px 0; width:100%; }
.justask-form-col { float: left; margin: 0; padding: 0; width: 50%; }
.left-justask-row { float: left; margin: 0; padding: 0; width:45%; }
.right-justask-row { width:45%; float:right; margin-right:8.3%; }
.captcha-col { float: left; margin: 0; padding: 0; width: 60%; }
.button-col { float: right; margin: 0; padding: 0; width: 40%; }
.justask-form-holder h1 {text-align:left !important;}
.captcha-block { margin:0; padding:0; width:119px; float:right;}

.justask_form{ margin:0; padding:0; width:100%; float:left;}
.justask_form label{ margin:0; padding:0; width:30px; float:left;line-height:35px;}
input.text_field_box{ border:2px solid #c2c2c2; width:85%; height:35px; float:left; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px;padding:0 0 0 20px;margin:0;}
/* =========================== For Captcha ================================ */

.small-captcha-txt { border: 2px solid #c2c2c2; border-radius: 10px; color: red; float: left; font-family: 'helveticaneue-light'; font-size:27px; font-weight: bold; height: 35px; line-height:10px; margin:0 9px 0 30px; padding: 2%; text-align: center; width: 25%; background: url("../images/captcha-bg.png") no-repeat scroll 0 0; color:#019dd6; }
input.captcha_text_field_box{ border:2px solid #c2c2c2; width:35%; height:35px; float:left; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px;padding:0 0 0 20px;margin:0;}
textarea.text_comments_new{ border:2px solid #c2c2c2;  width:94.5%; height:95px; float:left; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px; padding:10px 0 0 20px;margin:0; line-height:20px; }


/* =========================== For Captcha ================================ */
textarea.text_comments{ border:2px solid #c2c2c2;  width:390px; height:95px; float:left; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px; padding:10px 0 0 20px;margin:0; line-height:20px; }

.justask_form .submit{ margin:0; padding:0; height:35px; width:119px; float:right; cursor:pointer;border:none; font-size:20px; font-weight:normal; color:#feffff; background:url('../images/send-btn.jpg') no-repeat; font-family:'helveticaneue-roman';border-radius:10px;}
.justask_form .submit:hover{ background:url('../images/send-btn-h.jpg') no-repeat; }

/*-----submit bottom-----*/

#jerror{margin-bottom: 20px;border: 1px solid #efefef;}
#jerror ul{list-style: square;padding: 5px;font-size: 11px;}
#jerror ul li{list-style-position: inside;line-height: 1.6em;}
#jerror ul li strong{color: #e46c6d;}
#jerror.valid ul li strong{color: #93d72e;}

#justAsk input.jerror{background: #f8dbdb;border-color: #e77776;}
#justAsk textarea.jerror{background: #f8dbdb;border-color: #e77776;}

#justAsk div.jshowmessage span{margin-left:32px;margin-top:0px;color: #b1b1b1;font-size: 11px;font-style: italic; float:left;}
#justAsk div.jshowmessage span.jerror{color: #e46c6e;}

.jshowmessage{float:left;width:100%;margin:3px 0;height:0;}
/* =========================== new About Us CSS Ends ================================== */





/* =========================== Design Process CSS Starts ================================ */
.desin-row1{ margin:0 0 0 3%; padding:0; width:95%; float:left;}

.desin-row2{ margin:15px 0 15px 3%; padding:0; width:95%; float:left;}

ul.design-list-row{ margin:0; padding:0; float:left;}

ul.design-list-row li{ margin:0; padding:5px 0 5px 25px; clear:both; color: #3d3d3d; font-family: 'helveticaneue-light'; font-size: 16px;font-weight: normal;line-height: 20px; background:url('../images/checkbox.png') no-repeat scroll 0 4px;}

ul.logo-repair-list{ margin:0 0 0 1.5%; padding:0; float:left;}

ul.logo-repair-list li{ margin:0; padding:0 10px; display:inline; float:left;}

.desin-row3{ margin:25px 0 0 3%; padding:0; width:95%; float:left;}

.desin-row4{ margin:25px 0 0 30%; padding:0; width:70%; float:left;}

ul.logo-repair-before-after{ margin:10px 0; padding:0; float:left;clear:both;}

ul.logo-repair-before-after li{ margin:0 10px; padding:15px; display:inline; float:left; border:1px solid #000;}

.left-repair-sec{ margin:0; padding:0; width:46%; float:left;}

.right-repair-sec{ margin:0; padding:0; width:46%; float:right;}


/* =========================== Design Process CSS Starts ================================ */



/* =========================== Testimonial CSS Starts ================================ */
.list-holder-main{ margin:0 auto; padding:0; width:90%; float:left;}

#demo3{ margin:0 auto; padding:0; width:90%; float:left;}

.tesi-row{ margin:15px 0 15px 3%; padding:0; width:95%; float:left;}

.tesi-row-left{ margin:0; padding:0; width:15%; float:left;}

.tesi-row-right{ margin:0; padding:0; width:85%; float:right;position:relative;}

.main-content-container{ margin:0; padding:15px; width:100%; float:left; border:2px solid #e5eaed; background-color:#fff; min-height:250px;}

.testimonial-txt-holder{ margin:0; padding:15px; width:80%; float:left; text-align:center;}

.testimonial-logo-holder{ margin:0; padding:0; width:15%; float:right;}

img.testi-logo{ margin:10px 0; padding:0; float:left;}

p.testimonailtxt{ color: #3d3d3d; font-family: 'helveticaneue-light'; font-size: 14px; font-weight: normal; line-height:20px;  margin: 0; padding:0; text-align:left; }

p.testimonial-person-name{ color: #3d3d3d; font-family: 'helveticaneue-light'; font-size: 15px; font-weight: bold; line-height:20px;  margin: 0 35px 0 0 !important; padding:0; text-align:center; }

p.testimonial-person-name span{ color: #3d3d3d; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; line-height:20px;  margin: 0; padding:0; text-align:center; }

.tringle-holder{ margin:5% 0 0 13.2%; padding:0; width:80%; float:left;position:absolute;}

/* =========================== Testimonial CSS Ends ================================ */



/* =========================== FAQ CSS starts ================================ */
.faq-holder{width: 83%;margin:0 0 0 10%;padding: 0;float:left;}

.content {width: 60%;margin: 50px auto;	padding: 20px;}

.content h1 {font-weight: 400;text-transform: uppercase;margin: 0;}
.content h2 {font-weight: 400;text-transform: uppercase;color: #333;margin: 0 0 20px;}
.content p {font-size: 1em;	font-weight: 300;line-height: 1.5em;margin: 0 0 20px;}
.content p:last-child {	margin: 0;}
.content a.button {	display: inline-block;padding: 10px 20px;background: #ff0;color: #000;text-decoration: none;}
.content a.button:hover {background: #000;color: #ff0;}
.content.title {position: relative;	background: none;border: 2px dashed #333;}
.content.title h1 span.demo {display: inline-block;	font-size: .5em;padding: 5px 10px;background: #000;color: #fff;vertical-align: top;	margin: 7px 0 0;}
.content.title .back-to-article {position: absolute;bottom: -20px;left: 20px;}
.content.title .back-to-article a {	padding: 10px 20px;	background: #f60;color: #fff;text-decoration: none;	}
.content.title .back-to-article a:hover {background: #f90;}
.content.title .back-to-article a i {margin-left: 5px;}
.content.white {background: #fff;box-shadow: 0 0 10px #999;}
.content.black {background: ##09b9e2;}
.content.black p {color: #999;}
.content.black p a {color: #08c;}
.accordion-container {width: 100%;margin: 0;clear: both;}
.accordion-toggle {	position: relative;	display: block;	padding: 0 0 0 30px;font-size: 1.4em;font-weight: 300;background: transparent;color: #51727b;text-decoration: none; font-family:'helveticaneue-light';background:url('../images/faq-icon.png') no-repeat scroll 0 4px;}
.accordion-toggle.open {background:url('../images/answer.png') no-repeat scroll 0 4px;color: #70c647;}
.accordion-toggle:hover {background:url('../images/faq-icon.png') no-repeat scroll 0 4px;}
.accordion-toggle span.toggle-icon {position: absolute;	top: -7px;right: 20px;font-size: 1.5em;}
.accordion-content {display: none;padding: 20px;overflow: auto;background-color:#fff; border-radius:10px;margin:10px 0;}
.accordion-content img {display: block;	float: left;margin: 0 15px 10px 0;max-width: 100%;height: auto;	}
/* media query for mobile */
@media (max-width: 767px) {
.content {width: auto;}
.accordion-content {padding: 10px 0;overflow: inherit;}

	}
/* =========================== FAQ CSS starts ================================ */



/* =========================== Portfolio CSS Starts ================================== */


section#portfolio {width:100%;padding:40px 0; margin:0;float:left; background:#f0f0f0;min-height:300px;}

.portfolio-heading { margin:0 auto; padding:0; width:100%; text-align:center; clear:both; }

.top-portfolio { margin:3% 0 -1% 0; width:97%; padding:0; text-align:left; float:right; }

.left-portfolio-heading-text { width:30%; margin:0; padding:1% 0 0 0; float:left; }

.left-portfolio-heading { width:34px; margin:0; padding:0.1% 0 0 0; float:left; }

.middle-portfolio-heading { margin:0; padding:0; background:url('../images/middle-order-heading.jpg') repeat-x scroll 0 0; float:left; height:50px; }

p.pade-description-txt{ color: #595758; font-family: 'helveticaneue-light'; font-size: 19px; font-weight: normal; line-height:50px;  margin: 0; padding:0; }

.right-portfolio-heading { width:24px; margin:0; padding:0; float:left; } 

.content-block-portfolio { width:94%; margin:0 auto; padding:0;} 

.portfolio-menu-sec { width:20%; margin:3% 0 0 0; padding:0; float:left; } 

.portfolio-logo-sec { width:75%; margin:0; padding:0; float:right; } 

.paging{ width:35%; margin:15px 0 11px 0; padding:0; float:right; } 

ul.pagination-pages{margin:0; padding:0; float:right; } 

ul.pagination-pages li{margin:0; padding:0 2px; float:left; display:inline; } 

ul.pagination-pages li.page-no{margin:0 2px; padding:0; float:left; background-color:#fff;border:1px solid #e6e6e6;color: #595758; font-family: 'helveticaneue-light'; font-size: 19px; font-weight: bold; width:34px; height:28px;border-radius:5px;text-align: center;line-height:28px;} 

ul.pagination-pages li a{color: #595758;} 

ul.pagination-pages li a:hover{color: #000;}

p.page-count{ text-align:right;color: #595758; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: bold; line-height:40px;  margin: 0; padding:0; clear:both;}

#portfolio-row-logo {margin:1% 0;padding:0;float:left;width:100%;} 

ul.portfolios{margin:0; padding:0; float:left; } 

ul.portfolios li{margin:0 6px; padding:0; float:left; display:inline;} 

.port-content-bottom{margin:4% 0 0 0;padding:0;float:left;width:100%;} 

.left-sec-port{margin:1% 0;padding:0;float:left;width:100%;} 

.middle-portfolio-mind{margin:0;padding:0;float:left;background:url('../images/made-ur-mind-mid-rep.jpg') repeat-x;height:49px;line-height:48px;} 

.left-portfolio-mind{margin:0;padding:0;float:left;width:27px;} 

.portfolio-ordr-button{margin:5px 0 0 2%;padding:0;float:left;width:132px;height:38px;background-color:#094782;border-radius:8px;}

h3.order-txt { text-align:center;color: #fff; font-family: 'helveticaneue-light'; font-size: 22px; font-weight: normal; line-height:40px;  margin: 0; padding:0; clear:both;}

h3.order-txt a{color: #fff;}

h3.order-txt a:hover{color: #000;}

ul.logo-stationary-links-hover{margin:0;padding:50% 0 0 90px;float:left;}

ul.logo-stationary-links-hover li{margin:0 3px !important;padding:0 3px;float:left; list-style:none; width:36px;height:36px;}

ul.logo-stationary-links-hover a{margin:0;padding:0;float:left;text-decoration:none;}

ul.logo-stationary-links-hover a:hover{opacity:0.8;}


ul.logo-stationary-social-links{margin:0;padding:50% 0 0 35%;float:left;}
ul.logo-stationary-social-links li{margin:0 3px !important;padding:0 3px;float:left; list-style:none; width:36px;height:36px;}
ul.logo-stationary-social-links a{margin:0;padding:0;float:left;text-decoration:none;}
ul.logo-stationary-social-links a:hover{opacity:0.8;}


ul.logo-links-hover{margin:0;padding:70px 0 0 90px;float:left;}

ul.logo-links-hover li{margin:0 3px !important;padding:0 3px;float:left; list-style:none; width:36px;height:36px;}

ul.logo-links-hover a{margin:0;padding:0;float:left;text-decoration:none;}

ul.logo-links-hover a:hover{opacity:0.8;}

p.ordr-now{ color:#fff; margin:0; padding:0;font-size:16px; font-family:'Myriadpro_semibold'; font-weight:normal; text-align:center;}

p.ordr-now a{ color:#fff;line-height:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; float:left; font-family:'Myriadpro_semibold';-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#6fbd45,#0f5f24);  
background: -moz-linear-gradient(#6fbd45,#0f5f24);   background: -o-linear-gradient(#6fbd45,#0f5f24);  
background: linear-gradient(#6fbd45,#0f5f24);  -webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 100px;width:100%;
}
p.ordr-now a:hover{background-position:60px;}


p.load-more{ padding: 0 25% 0 0;margin:0;text-align:center;}

p.load-more a{ margin:0;color:#fff; font-size:19px;line-height:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-family:'Myriadpro_semibold';-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#6fbd45,#0f5f24);  
background: -moz-linear-gradient(#6fbd45,#0f5f24);   background: -o-linear-gradient(#6fbd45,#0f5f24);  
background: linear-gradient(#6fbd45,#0f5f24);  -webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 100px; padding:10px 65px;}
p.load-more a:hover{background-position:60px;}


p.stn-load-more{ padding:0;margin:0 auto;text-align:center;}
p.stn-load-more a{ margin:0;color:#fff; font-size:19px;line-height:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-family:'Myriadpro_semibold';-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#6fbd45,#0f5f24);  
background: -moz-linear-gradient(#6fbd45,#0f5f24);   background: -o-linear-gradient(#6fbd45,#0f5f24);  
background: linear-gradient(#6fbd45,#0f5f24);  -webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;   background-size:1px 100px; padding:10px 65px;}
p.stn-load-more a:hover{background-position:60px;}

section .arrow-nav {float: left; text-align: center; width:310px; margin:0; padding:0; }
section .arrow-nav a { margin:0;color:#fff; font-size:19px;line-height:60px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-family:'Myriadpro_semibold';-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#6fbd45,#0f5f24);  
background: -moz-linear-gradient(#6fbd45,#0f5f24);   background: -o-linear-gradient(#6fbd45,#0f5f24);  
background: linear-gradient(#6fbd45,#0f5f24);  -webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;  background-size:1px 100px; padding:15px 65px; }
section .arrow-nav a:hover{background-position:60px;}

/* ===========================Stationary Portfolio CSS ================================== */
section#portfolio-mob {width:100%;padding:40px 0; margin:0;float:left; background:#f0f0f0;min-height:300px;}
/* ===========================Stationary Portfolio CSS ================================== */

/* ===========================Portfolio CSS Ends ================================== */

/* ===========================Pagination CSS starts ================================== */
ul.portfolio-images
{
    float: left;
    list-style: none outside none;
    margin:0;
    padding: 0;
}
ul.portfolio-images li
{
    float: left;
    height:auto;
    margin:0 10px 20px 20px;
    padding: 0;
    width:auto;
    display:inline;
   }

   
   
ul.portfolio-images li.arrow-nav {float: left; text-align: center; width:50%; margin:0 0 2% 0; padding:0; }

ul.portfolio-images li.arrow-nav a { margin:0;color:#fff; font-size:19px;line-height:60px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-family:'Myriadpro_semibold';-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#6fbd45,#0f5f24);  
background: -moz-linear-gradient(#6fbd45,#0f5f24);   background: -o-linear-gradient(#6fbd45,#0f5f24);  
background: linear-gradient(#6fbd45,#0f5f24);  -webkit-transition: background 0.2s ease-out;  -moz-transition: background 0.2s ease-out;  -o-transition: background 0.2s ease-out;  transition: background 0.2s ease-out;  background-size:1px 100px; padding:15px 65px; }
ul.portfolio-images li.arrow-nav a:hover{background-position:60px;}
   
   
ul.stationary-images { float: left; list-style: none outside none; margin:0; padding: 0; }
ul.stationary-images li { float: left; height:auto; margin:0 0 20px; padding: 0; width:auto; display:inline; }
      
#linkDiv
{
    float: left;
    list-style: none outside none;
    margin:6% 0 0 70%;
    padding: 0;
    width:30%;
}
a.div-link
{
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    color: #595758;
    float: left;
    font-family: 'helveticaneue-light';
    font-size: 19px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin: 0 2px;
    padding: 0;
    text-align: center;
    width: 34px;
}

.logo-repair-btn { margin:0 auto; padding:0; width:22%; clear:both; }

.logo-repair-btn-center-button { margin:0 auto; padding:0 0 0 9%; width:34%; clear:both; }

.portfolio-blue-btn a{margin:0;padding:0;color:#fff;line-height:55px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.57);-moz-box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);box-shadow:0px 1px 2px 0px rgba(50, 50, 50, 0.57);background: -webkit-linear-gradient(#019dd6,#000000);  
background: -moz-linear-gradient(#019dd6,#000000);   background: -o-linear-gradient(#019dd6,#000000);  
background: linear-gradient(#019dd6,#000000);  -webkit-transition: background 160ms ease-in 0s;  -moz-transition: background 160ms ease-in 0s;  -o-transition: background 160ms ease-in 0s;  transition:background 160ms ease-in 0s;   background-size:1px 180px;height:55px;float:left;line-height:55px;width:100%;text-align:center; font-size:19px; font-family:MyriadPro;}
.portfolio-blue-btn a:hover{background-position:10px;}


.ordr-now-img-holder{position: fixed; top: 10%; right: 0%; float:right;z-index:99999999999999; width:119px; height:420px;background:url(../images/ordr-img.png) no-repeat scroll 0 0 ;}


.ordr-now-img-holder:hover{background:url(../images/ordr-img-hover.png) no-repeat scroll -1px 0 ;width:119px; height:420px; margin:0;z-index:9999999999999999;}

img.ordr-img:hover{z-index:-99999999999999999 !important;}




.ordr-now-img-holder-mobile{position: fixed; top: 50%; right: 0%; float:right;z-index:99999999999999; width:119px; height:70px;background:url(../images/ordr-img-mobile.png) no-repeat scroll 0 0 ;}

.ordr-now-img-holder-mobile:hover{background:url(../images/ordr-img-hover-mobile.png) no-repeat scroll -1px 0 ;width:119px; height:70px; margin:0;z-index:9999999999999999;}

img.ordr-img:hover{z-index:-99999999999999999 !important;}





/* ===========================Pagination CSS ends ================================== */

.select-holder-bottom {
    clear: both;
    margin:: 0 auto;
    max-width: 1293px;
    padding: 0;
    width: 1293px;
}
.select-menu-holder {
    float: left;
    margin: 5% 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.select-menu-holder {
    background: url("../images/select-box.jpg") no-repeat scroll 452px 0 #d2d3d5;
    float: left;
    height: 32px;
    margin:12% 3% 3% 2.8%;
    margin-right: 6%;
    overflow: hidden;
    width: 488px;
}
select.annonces-small {
    background: none repeat scroll 0 0 transparent;
    border: 0 none #bababa;
    color: #000000;
    font-family: 'MyriadPro',Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 0 0 1%;
    padding: 0;
    vertical-align: middle;
    width: 505px;
}



/* =========================== Css Portfolio-Menu New Starts ================================ */

ul.main-tree2{ margin:0; padding:0; width:210px;}

ul.main-tree2 li{ margin:0; padding:0 0 0 18px; float:left; list-style:none; font-family:'helveticaneue-light'; color:#7d7d7d; font-size:18px; clear:both; border-top:1px solid #b4b4b4; background:url('../images/portfolio-images/tab-normal-arrow.jpg') no-repeat scroll 0 10px; width:210px;}

.collapsed span{ width:10px; font-family:'helveticaneue-light'; color:#000}

.expanded span.glyphicon{ width:10px; font-family:'helveticaneue-light'; color:#000}


ul.sub-level2-new{ margin:0; padding:0; clear:both;}

ul.sub-level2-new li{ margin:0; padding:0 0 0 18px; list-style:none; font-family:'helveticaneue-light'; color:#7d7d7d; font-size:15px; clear:both; border-top:none; line-height:25px; background:url('../images/portfolio-images/arrow-tab-list.jpg') no-repeat scroll 0 10px;}

ul.sub-leve3{ margin:0; padding:0; clear:both; background-color:#fff;}


ul.tabs-new{ margin:0 0 0 -40px; padding:4px 0; float:left; clear:both; width:210px; max-height: 300px; overflow-y: auto; overflow-x: hidden; left:0;
 right:0;}

ul.tabs-new li{ margin:0; padding:0; list-style:none; font-family:'helveticaneue-light'; color:#7d7d7d; font-size:16px; clear:both; border-top:none; line-height:30px; background-color:#fff; background-image:none;}

ul.main-tree2 li .active{ color:#7d7d7d; background-color:#eaeaea;}

ul.tabs-new li a{ margin:1px 10px; padding:0; color:#7d7d7d; float:left; width:190px;}

ul.tabs-new li a:hover{ margin:1px 10px; padding:0 0 0 35px; color:#7d7d7d; background-color:#eaeaea;}

ul.main-tree2 li a { color:#7d7d7d !important; padding:0 ; }
ul.main-tree2 li a:hover { color:#7d7d7d !important;  padding:0;}

ul.main-tree2 li a.links-nrml{ width:220px;font-size:14px !important;color:#7d7d7d !important; margin:0 0 0 -15px !important;background: url("../images/portfolio-images/tab-normal-arrow.jpg") no-repeat 20px 9px ;padding:0 0 0 30px;!important }

ul.main-tree2 li a.links-nrml:hover{background-color:#eaeaea;}


/* =========================== Order Form Starts ================================ */


.call-back-block { margin: 0 auto; padding: 0; width: 250px; }













