+/*====Fonts====*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
/*======================*/

*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.floatleft{float:left !important}.floatright{float:right !important}
.clear{clear:both}
.aligncenter{text-align:center}.alignright{text-align:right}
a{color:#333;outline:none;border:none;text-decoration:none}
a:visited{color:#d53f3f}
a:hover{text-decoration:none;color:#d53f3f}
a:active{color:#d53f3f;outline:none}
a:focus{outline:none}
address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;padding:0}
p{padding:8px 0;line-height:24px}
em{font-style:normal}
/*======================*/
html{height:100%;font-family:Arial, Helvetica, sans-serif}
body{background:#fff;font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:400;color:#4b4e51;font-size:14px;line-height:22px;}/*----- Body -----*/
.container{position:relative;}/*----- container -----*/
#container{clear:both;}
#content {padding: 15px 0 0;min-height: 400px;overflow: hidden;}
/*========= Calling Fonts ========*/
.inner-page #intro h1,h3,.nav li,input[type="submit"],.helptext,h2,.says li h3,#clients-say ul li .name,.highlight,#login .forgot-password,.left-tabs li,.back,.contact-detail ul li .cname,#top .login.stickylogin{font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:600}
.sidebar h1{font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:700}
/*-- Font Glyphicons --*/
.glyphicon{font-size:14px;}
/*---------*/
h2,h3,h4,h5{margin:0 0 10px;}
h3,h4,h5{margin:10px 0}
h1{font-size:30px;line-height:normal}
h2{font-size:35px;color:#1e2226;text-align:center;margin:0 0 20px;line-height:normal}
.main-heading{position:relative;background: url(../images/head-border.png) repeat-x 0 83%;text-transform:uppercase;font-size:40px;}
.main-heading:before,footer .logo:before{content: url(../images/head-bg.png);position:absolute;top:40px;left:0;display:inline-block;width:100%;}
.main-heading:after,footer .logo:after{content: '';background:#fff;display:block;width:90px;padding:19px 0;margin:0 auto}

h3{font-size:26px;line-height:normal}
h4{font-size:20px;line-height:normal}

.alignleft{display:block;float:left;margin:0 20px 15px 0}
.alignright{display:block;float:right;margin:0 0 15px 20px}
 /*-- Form Elements --*/
 label{font-size: 14px;color: #171717;margin-bottom: 11px;font-weight: 600;}
 
input[type="text"],input[type="email"],input[type="password"],textarea,select,#login input[type="password"]{width:100%;display:block;background:#fff;border:1px solid #ddd;color:#545454;padding:12px 10px;border-radius:4px;box-sizing:border-box;}

input[type="checkbox"]{margin-right:8px} 
textarea{height:125px}
input[type="button"]{cursor:pointer;}
input[type="submit"],input[type="button"]{background:#d53f3f;font-size:20px;color:#fff;border:0;outline:0;padding:13px 12px;min-width:180px;cursor:pointer;text-transform:uppercase;outline:0;border-radius:4px;}
input[type="submit"]:hover{background:#061117;}
.btn.blue{color: #fff;background: #4b8df8;border-color: "";display: inline-block;margin: 0 0 5px;vertical-align: middle;min-height: 21px;}
.red.btn{background:#d84a38;}

input[placeholder]{color:#545454 !important;opacity:1}/* Ie7 and Ie8 */
::-webkit-input-placeholder{color:#545454;opacity:1}/* Chrome, Safari */
::-moz-placeholder{color:#545454 !important;opacity:1}/* Firefox 19+ */
/*----   error msgs    ---*/
.required{color:#d40101;font-weight:400}
.error-msg{display:block;color:#f00;font-size:14px;margin:7px 0 0}
.alert{display:block;padding:8px 14px 8px 14px;font-size:13px}
.alert .fa{margin-right:7px}
.alert-success .fa{font-size:15px;}
.alert-danger .fa{font-size:14px;}
/*----   loader    ---*/
#loader{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6);text-align:center;z-index:999;}
#loader .loader-image{position:absolute;top:30%;left:50%}
/*-----   common transition -------*/
input[type="submit"],input[type="button"],.btn,.check-dnd .sidebar form input[type="submit"]{-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}

/*----- header -----*/
header{-webkit-transition: all 543ms;
-moz-transition: all 543ms;
-o-transition: all 543ms;
transition: all 543ms;}
#top{background:#061117}
#top a{color:#fff}
#top a:hover{text-decoration:underline}
.contact-info{display:inline-block;color:#fff}
.contact-info .email,.contact-info .call{display:inline-block}
.contact-info .email{background:url(../images/email.jpg) no-repeat 0 center;padding:9px 0 9px 20px;width:154px;margin-right:12px}
.contact-info .call{background:url(../images/call.jpg) no-repeat 0 center;padding:9px 0 9px 20px;width:140px;}

.social-media{position:absolute;top:10px;right:156px;padding:0;overflow:hidden}
.social-media li{float:left;margin:0 10px 0 0}
.social-media li:last-child{margin:0}
/*----- top social mediA IMAGE CLIP	 -----*/
#top .social-media{width:94px;}
#top .social-media li{position:relative;width:16px;height:16px;}
#top .social-media li img{position:absolute;top:0;left:0;
-webkit-transition: all 0.4s 0.1s ease;
-moz-transition: all 0.4s 0.1s ease;
-o-transition: all 0.4s 0.1s ease;
-ms-transition: all 0.4s 0.1s ease;
transition: all 0.4s 0.1s ease;}

#top .social-media li.facebook img{clip:rect(0,16px,16px,0);}
#top .social-media li.facebook:hover img{clip:rect(0,48px,16px,32px);left:-32px}

#top .social-media li.linkedin img{clip:rect(26px,16px,42px,0);top:-26px}
#top .social-media li.linkedin:hover img{clip:rect(26px,48px,42px,32px);left:-32px}

#top .social-media li.twitter img{clip:rect(52px,16px,68px,0);top:-52px}
#top .social-media li.twitter:hover img{clip:rect(52px,48px,68px,32px);left:-32px}

#top .social-media li.googleplus img{clip:rect(78px,16px,94px,0);top:-78px}
#top .social-media li.googleplus:hover img{clip:rect(78px,48px,94px,32px);left:-32px}
/*----- top social mediA IMAGE CLIP -----*/
#top .account{position:absolute;top:0;right:15px;color:#fff}
#top .login,#top .register{display:inline-block}
#top .login{background:url(../images/login.jpg) no-repeat 0 center;padding:9px 0 9px 20px;margin-right:12px}
#top .login .fa{font-size:0}
#top .register{background:url(../images/register.jpg) no-repeat 0 center;padding:9px 0 9px 20px;}

/*----- Header bottom -----*/
.header-bottom{background:#fff;position:fixed;top:40px;width:100%;height:130px;
-webkit-transition: top 543ms,height 543ms;
-moz-transition: top 543ms,height 543ms;
-o-transition: top 543ms,height 543ms;
transition: top 543ms,height 543ms;}

/*----- Logo -----*/
/*#logo{position:absolute;top:29px;left:15px;z-index:100;}*/
#logo{margin:29px 0 0}
#logo img{cursor:pointer;}

/*=========  menu  ========*/
#menu{position:absolute;top:82px;right:15px;width:100%;z-index:1;}
#menu .navbar-collapse.collapse{padding:0}
#menu .navbar-collapse.collapse.animated.slideInUp{animation:none;animation-name:none;}
#menu .navbar-nav{float:right;margin:0}
.nav li{float:left;position:relative;margin-left:4px;text-align:center;color:#1e1f26;font-size:16px;text-transform:uppercase;line-height:normal}
.nav li a{color:#1e1f26;line-height:normal}
.nav > li > a,.nav > li > span{display:block;padding:11px 20px;text-decoration:none;
-webkit-transition: background 0.4s ease-in-out,color 0.4s ease-in-out;
-moz-transition: background 0.4s ease-in-out,color 0.4s ease-in-out;
-ms-transition: background 0.4s ease-in-out,color 0.4s ease-in-out;
-o-transition: background 0.4s ease-in-out,color 0.4s ease-in-out;
transition: background 0.4s ease-in-out,color 0.4s ease-in-out}
.nav > li.active > span,.nav li:hover > a,.nav li:focus > a{background:#d53f3f;color:#fff}
/*-------   sticky header ------*/

.stickyheader.header-bottom{top:0;height:91px;/*border-bottom:1px solid #ddd;*/box-shadow:1px 2px 6px 0 #444;}

.menu,#top .login.stickylogin{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn;}

.stickyheader.header-bottom{min-height:0;background:#fff;color:#fff;padding:0;z-index:99}
.stickyheader.header-bottom #logo{position:absolute;top:23px;left:17%;width:173px;margin:0}
/*-------   sticky login ------*/
#top .login.stickylogin{position:fixed;top:30px;right:10%;z-index:999;background:none;color:#d53f3f;font-size:16px;text-transform:uppercase;padding:0;margin:0;}
#top .login.stickylogin .fa{font-size:18px;color:#d53f3f;vertical-align:middle;margin-right:10px}
/*-------   sticky menu ------*/
.menu{display:none;position:fixed;top:24px;left:4.1%;height:33px;width:33px;text-align:center;cursor:pointer;z-index:999/*line-height:42px;background:#f97777;text-align:center;border-radius:100%;cursor:pointer;z-index:999999999;color:#fff*/}

/*-----  Hamberg menu   ------*/
.menu-bar,.menu:before,.menu:after{content:'';position:absolute;top:0;left:0;width:33px;height:3px;
background-color: #061117;transition-timing-function: ease;
transition-duration: .15s;
transition-property:transform}
.menu-bar{top:5px;transition: background-color 0s linear .15s;}
.menu:before{top:14px;transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);}
.menu:after{top:24px;transition: top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}
.menu.open .menu-bar{background-color: transparent;transition-delay: .32s;}
.menu.open:before{top:5px;transition: top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;
transform: translate3d(0,10px,0) rotate(45deg);}
.menu.open:after{top:5px;transition: top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s cubic-bezier(.215,.61,.355,1) .32s;
transform: translate3d(0,10px,0) rotate(-45deg)}
/*-----  End Hamberg menu   ------*/
.stickymenu.menu-container{position:fixed;top:91px;left:0;width:25%;height:100%;background:url(../images/stickymenu-bg.png) repeat 0 100%;color:#fff;z-index:9999;margin:0;color:#767676;
-webkit-transform:translateX(-338px);
-moz-transform:translateX(-338px);
-ms-transform:translateX(-338px);
-o-transform:translateX(-338px);
transform:translateX(-338px)}
.stickymenu.menu-container #menu{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:86px 10px 0 16.3%;border-radius:0}
.stickymenu.menu-container.open{transform:translateX(0)}
.stickymenu.menu-container #menu .container{width:100%;margin:0;padding:0}
.stickymenu.menu-container #menu .navbar-nav{float:none}
.stickymenu.menu-container .nav{float:none}
.stickymenu.menu-container .nav li{display:block;float:none;margin:0 0 1px;text-align:left;font-size:16px}
.stickymenu.menu-container .nav > li > a,.stickymenu.menu-container .nav > li > span{display:block;background:url(../images/white-bullet.png) no-repeat 0 4px;color:#fff;padding:0 0 26px 28px;width:100%;opacity:0;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
transform: translateX(-30px)}
.stickymenu.menu-container #menu.open .nav > li > a,.stickymenu.menu-container #menu.open .nav > li > span{opacity:1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)}
	
.stickymenu.menu-container #menu.open .nav > li:nth-child(1) > a,.stickymenu.menu-container #menu.open .nav > li:nth-child(1) > span{
-webkit-transition: opacity .5s ease .3s, -webkit-transform .5s ease .3s;
-moz-transition: opacity .5s ease .3s, -moz-transform .5s ease .3s;
transition: opacity .5s ease .3s, transform .5s ease .3s}
.stickymenu.menu-container #menu.open .nav > li:nth-child(2) > a,.stickymenu.menu-container #menu.open .nav > li:nth-child(2) > span{
-webkit-transition: opacity .5s ease .4s, -webkit-transform .5s ease .4s;
-moz-transition: opacity .5s ease .4s, -moz-transform .5s ease .4s;
transition: opacity .5s ease .4s, transform .4s ease .5s}
.stickymenu.menu-container #menu.open .nav > li:nth-child(3) > a,.stickymenu.menu-container #menu.open .nav > li:nth-child(3) > span{
-webkit-transition: opacity .5s ease .5s, -webkit-transform .5s ease .5s;
-moz-transition: opacity .5s ease .5s, -moz-transform .5s ease .5s;
transition: opacity .5s ease .5s, transform .5s ease .5s}
.stickymenu.menu-container #menu.open .nav > li:nth-child(4) > a,.stickymenu.menu-container #menu.open .nav > li:nth-child(4) > span{
-webkit-transition: opacity .5s ease .6s, -webkit-transform .5s ease .6s;
-moz-transition: opacity .5s ease .6s, -moz-transform .5s ease .6s;
transition: opacity .5s ease .6s, transform .5s ease .6s}
.stickymenu.menu-container #menu.open .nav > li:nth-child(5) > a,.stickymenu.menu-container #menu.open .nav > li:nth-child(5) > span{
-webkit-transition: opacity .5s ease .7s, -webkit-transform .5s ease .7s;
-moz-transition: opacity .5s ease .7s, -moz-transform .5s ease .7s;
transition: opacity .5s ease .7s, transform .5s ease .7s}
.stickymenu.menu-container #menu.open .nav > li:nth-child(6) > a,.stickymenu.menu-container #menu.open .nav > li:nth-child(6) > span{
-webkit-transition: opacity .5s ease .8s, -webkit-transform .5s ease .8s;
-moz-transition: opacity .5s ease .8s, -moz-transform .5s ease .8s;
transition: opacity .5s ease .8s, transform .5s ease .8s}
.stickymenu.menu-container .nav > li.active > span,.stickymenu.menu-container .nav li:hover > a,.stickymenu.menu-container .nav li > a:focus{background:url(../images/red-bullet.png) no-repeat 0 4px;color:#f97777}
/*-------   End sticky menu ------*/
/*-------   End sticky header ------*/
/*-------   parallax ------*/
/*========= Changes for Parallex Scrooling========*/
/*.parallax-mirror .parallax-slider{left:-66px !important}*/
.parallax-window{background:transparent;background-size:cover}
#intro.parallax-window{min-height:578px}	
/*-------  End parallax ------*/
/*----- inner intro -----*/
.inner-page #intro{background:url(../images/inner-intro-bg.jpg) no-repeat 0 0;min-height:186px;color:#fff;text-align:center;text-transform:uppercase;padding:50px 0 20px}
.inner-page #intro h1{font-size:40px;margin:0 0 10px}

.breadcrumb{font-size:15px;padding:0;margin:0;background:none}
.breadcrumb a{color:#fff;}
.breadcrumb a:hover{text-decoration:underline}
/*----- End inner intro -----*/
/*----- intro -----*/
#intro,#intro.check-dnd,#intro.login,#intro.forgot-password{background:#d6d9e0 url(../images/intro-bg.jpg) no-repeat 0 0;min-height:578px;padding:0;text-align:left;overflow:hidden}
.home#intro{background:none;background-color:#d6d9e0;}
#container,#intro,#intro.check-dnd,#intro.login,#intro.forgot-password{margin-top:130px}

.right-sec{position:relative;background:url(../images/right-sec-bg.png) no-repeat 100% 0;background-size:45.8% 100%;z-index:9}
.sidebar{float:right;width:506px;color:#fff;padding:60px 0 30px 30px;font-size:18px;min-height:578px}
.sidebar h1{font-size:62px;margin:0 0 10px}
.sidebar .helptext{display:block;font-size:30px;text-decoration:underline;margin-bottom:20px}

.sidebar form,.form-box form{background:#d5696b;padding:30px;border:1px solid #e09192;border-radius:6px}
.sidebar form input[type="submit"],.form-box form input[type="submit"]{width:100%;font-size:22px;padding:17px 12px;font-weight:400;transition:none;background:none;border-radius:0}
.sidebar .submit-btn,.form-box form .submit-btn{display:block;background:#b41f1f;border-radius:4px}
.sidebar .submit-btn.hvr-shutter-in-horizontal:before,.form-box form .submit-btn.hvr-shutter-in-horizontal:before{background:#061117;border-radius:4px}

.sidebar form  .error-msg,.form-box form .error-msg{color:#a00100;text-transform:none}
.sweet-alert input{display:none}/*--- sweatalert --*/
/*----- Welcome -----*/
#welcome{text-align:center;padding:64px 0 30px}

.says{margin-top:74px;}
.says li{position:relative;width:30.3%;min-height: 224px;display:inline-block;vertical-align:top; border:1px solid #ddd;padding:0 20px;margin:0 1.3%}
.says li .image{position:absolute;top:-50px;left:0;display:block;width:100%}
.says li .image em{display:inline-block;background:#d53f3f;width:131px;border:1px solid #ddd;border-radius:4px}
.says li .image em.hvr-rectangle-out:before{background:#061117;border-radius:4px}
.says li .image img{display:inline-block;vertical-align:middle;}
.says li h3{font-size:20px;color:#1e2226;margin:77px 0 10px}
/*----- Our Clients Say -----*/
#clients-say{background:url(../images/client-bg.jpg) no-repeat center 0;padding:62px 0 20px;min-height:522px;text-align:center;color:#061117;}
#clients-say h2{background: url(../images/clients-head-border.png) repeat-x 0 83%}
#clients-say h2:after{background:#f5f5f5;}

#clients-say ul{padding:20px 0 0}
#content #clients-say ul li{background:none;}
#clients-say ul li{margin:0 0 10px}
#clients-say ul li img{padding:2px;border:4px solid #d53f3f;margin-bottom:15px}
#clients-say ul li .name{font-size:20px;text-transform:uppercase;margin-bottom:10px;line-height:normal}
#clients-say ul li .name em{display:block;font-style:normal;font-size:16px;text-transform:none;font-weight:400;margin:4px 0 0}
/*----- bxslider for testimonail -----*/
#clients-say .bx-viewport{height:360px !important}
#clients-say .bx-controls .bx-pager .bx-pager-item{width:7px;height:7px;line-height:7px;display:inline-block;font-size:0;margin:0 7px;transform: rotate(45deg);}
#clients-say .bx-controls .bx-pager .bx-pager-item a{display:block;background:#d53f3f;}
#clients-say .bx-controls .bx-pager .bx-pager-item a.active{background:#061117;}
/*----- Newsltter -----*/
#newsletter{background:#d53f3f;padding:32px 0 42px;color:#fff;text-align:center}
#newsletter h2{color:#fff;}
#newsletter h2{background: url(../images/trans-head-border.png) repeat-x 0 83%}
#newsletter h2:before{content: url(../images/white-headbg.png);}
#newsletter h2:after{background:#d53f3f;}

#newsletter input[type="text"],#newsletter input[type="submit"]{display:inline-block;vertical-align:middle}
#newsletter input[type="text"]{width:69.6%;margin-right:1%;border-color:#fff}
#newsletter input[type="submit"]{width:22.6%;background:#061117}
#newsletter input[type="submit"]:hover{background:#ff8383}

/*----- notice -----*/
.notice-sec{padding:62px 0 36px;text-align:center}
.highlight{font-size:18px;color:#1b1b1b;line-height:28px}

/*----- container id -----*/
#container{overflow:hidden;}
#content ul li,.list li{background:url(../images/arrow.png) no-repeat 10px 5px;padding:0 10px 12px 32px}
.list li{padding:0 0 12px 32px}
/*-- About Us --*/
#aboutus{padding-top:20px;}
/*-- services,how it works --*/
#how-it-works,#services{min-height:400px}
/*-- Contact Us --*/
#content.contactus{padding:30px 0 0}
#contactus,.contact-detail{margin:0 0 25px}
#contactus h2,.contact-detail h2{font-size:25px;font-weight:400;text-transform:none;text-align:left}
/*---- contact us form -----*/
.fillout-text{font-size:15px;}
#contactus{width:57%}
.contactus form input[type="text"],.contactus form input[type="email"],.contactus form input[type="password"],.contactus form textarea,.contactus form select{border-color:#e5e5e5;background:#fafafa;padding:10px;}
.contactus form input[type="submit"],.contactus form .submit{min-width:200px;height:50px}
.captcha input[type="text"],.captcha .captchaimage{float:left}
.captcha input[type="text"]{width:50%;margin-right:2%}

/*-- contact Info --*/
.contact-detail{width:36.3%;/*margin-top:37px*/}
.contact-detail h2{text-transform:uppercase;}
.contact-detail a:hover{color:#061117;text-decoration:underline}
#content .contact-detail li{background:none;padding:0;line-height:normal}
#content .contact-detail ul li{margin-bottom:10px}
.contact-detail ul li .cname{display:block;font-size:16px;color:#f17575;padding-bottom:16px;border-bottom:1px solid #f17575;margin-bottom:10px}
.contact-detail p{line-height:22px;padding:5px 0;font-size:15px;color:#000;}
.contact-detail p span{display:block;}
.address span{font-weight:600;}
.phone em{font-style:normal;}
/***** Googel Map ****/
#google-map{max-width:1900px;margin:0 auto}
#gmap_canvas{position:relative;height:390px;width:100%;overflow:hidden}
#gmap_canvas img{max-width:none!important;background:none!important}

/*========= pricing ========*/
#pricing{text-align:center;width:102%;margin-left:-1%;padding:25px 0 0}
#pricing .success-msg{background-position:15px 18px;width:390px;margin:0 auto;text-align:left;margin-bottom:20px;line-height:22px}

#pricing .box{display:inline-block;vertical-align:top;background:#fff;width:22.5%;color:#000;min-height:372px;margin:0 1% 25px;border:1px solid #eee}
#pricing .box ul{margin:0;}
#content #pricing .box ul li{background:none;padding:0;line-height:normal}
#content #pricing .box ul li{padding:12px 0;background:#fff;color:#282828;font-size:14px}
#content #pricing .box ul li:nth-child(odd){background:#f1f1f1;}
#pricing .box em{font-style:normal;color:#55bca9;margin-right:5px}
#pricing .box ul li.heading,#pricing .box ul li.price{margin:0 -1px;}

#content #pricing .box.green ul li.heading{background:#00a486;}
#content #pricing .box.green ul li.price{background:#00cca6;}
#pricing .box.green em{color:#00a486}

#content #pricing .box.pink ul li.heading{background:#e6506b;}
#content #pricing .box.pink ul li.price{background:#ff5977;}
#pricing .box.pink em{color:#e6506b}

#content #pricing .box.blue ul li.heading{background:#016097;}
#content #pricing .box.blue ul li.price{background:#0184cf;}
#pricing .box.blue em{color:#016097}

#content #pricing .box.orange ul li.heading{background:#e85701;}
#content #pricing .box.orange ul li.price{background:#ff8034;}
#pricing .box.orange em{color:#e85701}

#content #pricing .box ul li.heading{color:#fff}
#pricing .box ul li.heading h2{font-size:18px;color:#fff;margin:0;}
#content #pricing .box ul li.price{color:#fff;font-size:52px;padding:40px 0;}
#content #pricing .box ul li.last{color:#fff}
#pricing .box em.currency{font-size:40px;color:#fff}
.buynow{display:inline-block;border-radius:4px;margin:5px 0 3px;}
/*------ customInput checkbox -----*/
.custom-checkbox input{position: absolute;z-index: -1;opacity: 0;}
.control{display:inline-block;position:relative;padding-left:35px;cursor:pointer;}
.custom-checkbox label.control{font-weight:normal}
.control-indicator{display:block;position:absolute;top:0;left:5px;height:22px;width:22px;}
.control-indicator/*,.control-indicator.hvr-ripple-out:before*/{background:#fff;border-radius:4px;}
.control-indicator:after{content:'';position:absolute;top:6px;left:7px;width:4px;height:9px;border: solid #999;border-width:4px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}

/*.custom-checkbox input:focus ~ .control .control-indicator.hvr-ripple-out:before{background:#fff;-webkit-animation-name:hvr-ripple-out;animation-name: hvr-ripple-out;}
#content #pricing .box.green .custom-checkbox  .control.checked .control-indicator.hvr-ripple-out:before{background:#00a486;}
#content #pricing .box.pink .custom-checkbox .control.checked .control-indicator.hvr-ripple-out:before{background:#e6506b;}
#content #pricing .box.blue .custom-checkbox .control.checked .control-indicator.hvr-ripple-out:before{background:#016097;}
#content #pricing .box.orange .custom-checkbox .control.checked .control-indicator.hvr-ripple-out:before{background:#e85701;}*/

.custom-checkbox input:focus ~ .control .control-indicator{background:#fff;}
#content #pricing .box.green .custom-checkbox  .control.checked .control-indicator{background:#00a486;}
#content #pricing .box.pink .custom-checkbox .control.checked .control-indicator{background:#e6506b;}
#content #pricing .box.blue .custom-checkbox .control.checked .control-indicator{background:#016097;}
#content #pricing .box.orange .custom-checkbox .control.checked .control-indicator{background:#e85701;}

.control.checked .control-indicator:after{transform:rotate(45deg);top:2px;left:8px;width:6px;height:15px;border-width:0 3px 3px 0;border-color:#fff}
/*------ End customInput checkbox -----*/
.buynow input[type="submit"]{height:40px;min-width:120px;font-size:16px;background:none;color:#fff;padding:0}

#pricing .box.green .buynow{background:#00a486}
#pricing .box.pink .buynow{background:#e6506b;}
#pricing .box.blue .buynow{background:#016097}
#pricing .box.orange .buynow{background:#e85701;}

/*========= pricing order Form ========*/
.pricingorder{margin-bottom:25px}
.pricingorder label{display:block}
.row{width:100%;margin:0}
.row p{width:48.5%;float:left;margin-right:3%}
.row p:last-child,.row #other_city_paragraph{margin-right:0}
.row .buttons{width:100%;margin:0;padding:8px 0}
.row .terms label{visibility:hidden}
.terms input[type="checkbox"]{margin-right:5px}
.details{background:#efefef;color:#000;font-size:16px;font-weight:700;border:1px solid #efefef;margin:10px 0 20px}
.details span{padding:10px;display:inline-block;margin-right:15px}
.details span:last-child{margin:0}
.package-name{background:#d53f3f;color:#fff}


/*========= DND Check ========*/
#checkdnd .or{text-align:center;display:block;padding:15px 0}
/*-- Login --*/
.form-box{width:420px;font-size:18px;text-transform: uppercase;margin:20px auto 0}
.form-box form{border-color:#d5696b}
.form-box form p{margin:0 0 5px}
#login .forgot-password{display:block;margin:7px 0 0;color:#fff;font-size:13px}
#login .forgot-password:hover{text-decoration:underline}
/*----- dashboard intro -----*/
/*.inner-page #intro.dashboard{display:none;background:url(../images/dashboard-bg.jpg) no-repeat 0 0;min-height:193px;margin-bottom:30px;padding:62px 0 20px}
.inner-page #intro.dashboard h1{color:#061117}*/

/*-- My Acc - Dashboard --*/
.inner-page #container .dashboard{padding:0}
.userbox-wrapper{position:relative}
.user-details-box{position:absolute;top:-68px;right:0;color:#fff;cursor:pointer}

.user-details-box img{float:left;margin:0 17px 0 0;border-radius:30px}
.user-details-box .name{padding-right:10px;display:inline-block;font-size:17px;font-weight:600;margin-top:12px;min-width:100px}
.user-details-box .caret{margin:0 15px 0 0}

.toggle-div{display:none;position:absolute;top:58px;right:0;width:185px;z-index:100;}
.toggle-div ul{background:#061117;padding-bottom:10px}
#content .toggle-div ul li{background:none;padding:0}
.toggle-div li a{font-size:15px;color:#fff;padding:7px 0 7px 35px;display:block;margin-bottom:1px}
#content .toggle-div li:hover,#content .toggle-div li.active{background:#dd5151}
.toggle-div li a:focus{outline:none;text-decoration:none}

.toggle-div li a.edit-profile{background:url(../images/edit-profile.png) no-repeat 8px 11px}
.toggle-div li a.change-pw{background:url(../images/change-password.png) no-repeat 8px 11px}

#page-content{background:#d53f3f;overflow:hidden}
.user-menu{display:none}
/*-- Sidebar Accordion--*/
#content .left-tabs li{background:none;padding:0}
.left-tabs{float:left;width:23%;background:#d53f3f}
.left-tabs li{position:relative;font-size:18px;color:#fff;text-transform:uppercase}
.left-tabs > li{border-bottom:1px solid #d95353;}
.left-tabs li a{color:#fff;}
.left-tabs li a:hover,.left-tabs li a:focus{outline:none;text-decoration:none}
.left-tabs li > a,.left-tabs li > span{display:block;padding:19.3px 30px;}
.left-tabs li .expand-collapse{position:absolute;top:10px;right:5px;background:url(../images/expand-collapse.png) no-repeat 6px -3px;width:40px;height:40px;display:block;z-index:10;cursor:pointer;}
.left-tabs li.has-sub.open .expand-collapse{background-position:6px 97%}

.left-tabs ul{display:none;background:#ee6666;position:static;}
.left-tabs ul li{font-size:14px;font-weight:400;}
.left-tabs ul li a{color:#fff;display:block;padding:15px 30px 15px 55px;border-top:1px solid #fe7e7e}

.left-tabs .add a{background:url(../images/add-icon.png) no-repeat 30px 20px}
.left-tabs .manage a{background:url(../images/mange-icon.png) no-repeat 30px 20px}
.left-tabs ul li a:hover{background-color:#ff8383;color:#fff}
.left-tabs > li.active > a,.left-tabs li.active ul li.active a{background-color:#c43131}

.left-tab-content{float:right;width:77%;background:#fff}
.left-tab-content h2{background:#061117;color:#fff;font-size:30px;font-weight:400;text-align:left;text-transform:none;padding:10px 10px 10px 24px;margin:0 0 10px}
.left-tab-content h2 a{color:#fff;}

/*--- dash breadcrumb ---*/
.dashboard .breadcrumb{background:#efefef;padding:10px 12px;border-radius:0;margin:0 0 20px}
.dashboard .breadcrumb a{color:#3d3d40;vertical-align:middle}
.dashboard .breadcrumb a .fa{font-size:21px}
.dashboard .breadcrumb a:after{font-family:'FontAwesome';content:"\f105";font-size:17px;margin:0 8px;vertical-align:top}
.dashboard .breadcrumb a:hover,.dashboard .breadcrumb a:focus{color:#d53f3f;outline:none;text-decoration:none}

.left-tab-content .box-wrapper{min-height:400px; padding:0 0 40px 22px;overflow:hidden}
.page-bar{background:#efefef url(../images/image-sprite.png) no-repeat 0 -1099px;padding:8px 10px 8px 48px}
.page-bar a{color:#5e5e5e}
#content .dashboard-stat li{background:none;padding:0}
#content .dashboard-stat{margin:20px 0 23px;overflow:hidden}
#content .dashboard-stat li{float:left;width:48.93%;background:#006495 url(../images/orders-stat.png) no-repeat 15px 6px;color:#fff;text-align:right;padding:5px 2% 7px 3%;margin:0 1.9% 0 0;line-height:normal}
#content .dashboard-stat li + li{margin-right:0}
#content .dashboard-stat li.numbers-stat{background:#0093d1 url(../images/ticket-stat.png) no-repeat 10px 12px}
.dashboard-stat li em{font-size:30px;font-weight:600;font-style:normal}
.dashboard-stat li span{font-size:17px;display:block}
.dashboard-stat li a{color:#fff;font-size:11px;text-decoration:underline}
.dashboard-stat li a:hover{text-decoration:none}
.left-tab-content .popover h3{background:#666;font-size:14px;text-align:center;font-weight:600;padding:10px 0;border-radius:4px 4px 0 0}

#content .project-status li{background:none;padding:0}
#content .project-status{margin:0 -1.5% 20px;overflow:hidden}
#content .project-status li{float:left;width:25.03%;background:#efefef;border:1px solid #dedede;margin:0 1.5%;padding:10px 2% 20px 3%;text-align:center}
.project-status span{font-size:18px;display:block;padding-top:5px}
.project-status .title{font-size:20px;color:#000;padding:5px 0 15px}
.project-status a,.recent-status .btn{background:#045c9d;padding:6px 22px;color:#fff;border-radius:4px}
.project-status a.hvr-rectangle-out:before,.recent-status a.hvr-rectangle-out:before{background:#f46c6c;border-radius:4px}

.recent-status{float:left;width:48%;border:1px solid #d1d1d1}
.recent-status.right{float:right}
.recent-status h4{background:#151819;padding:15px 10px 15px 17px;font-size:16px;color:#fff;font-weight:400;position:relative;margin:-1px -1px 0;border-bottom:1px solid #d1d1d1}
.recent-status .btn{background:#d53f3f;position:absolute;top:9px;right:10px;font-size:16px;padding:4px 22px}
.recent-status li{font-size:15px;border-bottom:1px solid #d1d1d1;padding:7px 0}
#content .recent-status li:last-child{border-bottom:0}
#content .recent-status li{position:relative;display:block;color:#151819;background:url(../images/arrow.png) no-repeat 17px 17px;padding:12px 10px 12px 42px}
#content .recent-status li:hover{background:url(../images/arrow-red.png) no-repeat 17px 17px;color:#d53f3f;}
.recent-status li a:focus,.recent-status li a:hover{outline:none}
.recent-status li .view{position:absolute;top:6px;right:10px;background:#d53f3f;color:#fff;padding:6px 16px;border-radius:4px;}
/*.recent-status li a:hover{text-decoration:underline}*/
.recent-status .view-more{background:#efefef;font-size:13px;display:block;padding:9px 15px;text-align:right}
.recent-status .view-more a{color:#888989}
.recent-status .view-more a:hover{color:#d53f3f}

/*-- Table --*/
.table{border-collapse:collapse;/*font-size:13px;*/width:100%}
.table-bordered{width:99.7%;border:1px solid #ddd;/*border: 1px solid #ddd;border-width:1px 0 0 1px*/}
.table.dataTable.table-bordered{width:99.7%}
.table-bordered th:first-child{text-align:center}
.table-bordered th,.table-bordered td{padding:10px !important;border:1px solid #ddd;border-width:0 1px 1px 0 !important;}
.table-bordered tr:last-child td{border-width:0 1px 0 0 !important;}

.table-bordered th:last-child,.table-bordered td:last-child{/*border-left:1px solid #ddd;*/border-right:0}
.table-striped > tbody > tr:nth-child(odd) > td,.table-striped > tbody > tr:nth-child(odd) > th{background-color:#f9f9f9}
.table a{color:#222}
.ticket_status{font-weight:600}
.table .btn:hover,.table .btn:focus{color:#fff !important}
.table-scrollable{width:100%;overflow-x:auto;min-height:.01%;margin-bottom:10px}
.date-col{min-width:82px}

/*-- Portlet Body form--*/
.portlet-body .compulsary{text-align:right}
.portlet-body form ul{margin:20px 0 15px}
#content .portlet-body form li{background:none;padding:0;}
.portlet-body form li{clear:both;overflow:hidden;border:1px solid #eaeaea;border-width:0 1px 1px 1px}
.portlet-body form li:first-child{border-top:1px solid #eaeaea}

.portlet-body form label,.portlet-body form .value-col{float:left;box-sizing:border-box}
.portlet-body form label{width:27%;padding:15px 15px 9px;text-align:right}
.portlet-body form .value-col{width:73%;padding:10px 15px;border-left:1px solid #eaeaea}
.portlet-body form input[type="text"],.portlet-body form input[type="password"]{ padding:10px 15px}
.portlet-body form input[type="text"],.portlet-body form input[type="email"],.portlet-body form input[type="password"],.portlet-body form textarea,.portlet-body form select,.portlet-body form .file-input{width:62%}
.portlet-body form .file-input .form-control{width:100%}
.form-actions{background-color:#f5f5f5;clear:both;border:1px solid #e5e5e5;padding:10px;text-align:center}
.form-actions .btn + .btn{margin-left:7px}
.portlet-body #image_file_div .close{opacity:1;color:#fff;font-size:16px;line-height:normal;padding:3px 10px 5px 10px;background:#d84a38;border-radius:3px}
input.btn,.btn{padding:5px 12px;background:#d43f3f;min-width:90px;color:#fff;text-transform:none;font-size:16px;border-color:#d43f3f}
a.btn{color:#fff;}
.back,input.back{background:#575757;border-color:#575757}
.btn:hover,.btn:focus,.btn.hvr-rectangle-out:before{background:#061117;color:#fff;outline:none;border-color:#061117}

.input-group-btn .btn{border:0;padding:5.6px 12px;margin-right:2px;}
/*-- Bootstrap / Components/ dataTables Css --*/

/*-- dataTables --*/
.dataTables_length,.dataTables_filter{width:50%;margin:20px 0 10px}
.dataTables_wrapper{font-size:13px}
.dataTables_wrapper label{font-size:13px}
.dataTables_wrapper label input{font-weight:400;}
.dataTables_length select{display:inline-block;width:90px;padding:9px 15px;margin:0 5px;border-radius:2px}
.dataTables_filter input[type="text"]{display:inline-block;width:200px;padding:10px 15px;border-radius:2px}
table.dataTable thead th, table.dataTable thead td{border-bottom-color:#ddd !important}
/*-- Pagination --*/
.dataTables_paginate a{background:#edecec;border:1px solid transparent;color:#292929;display:inline-block;padding:3px 10px !important;margin:5px;cursor:pointer;border-radius:2px}
.dataTables_paginate a.paginate_active{border:1px solid #fe7e7e;border-radius:2px}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#fe7e7e;color:#fff;border-color:#fe7e7e}

/*-- Status --*/
.status-bar{background:#f5f5f5;padding:8px 7px 3px;margin-top:12px/*margin:20px 0 5px*/}
.status-bar .btn{font-family:Arial, Helvetica, sans-serif}

/*----- footer -----*/
footer{padding:56px 0 50px;background:#061117;text-align:center;color:#848687}
footer .logo{background: url(../images/trans-head-border.png) repeat-x 0 83%;position:relative;margin-bottom:20px}
footer .logo img{margin:0 auto}
footer .logo:before{content: url(../images/gray-headbg.png);top:99px}
footer .logo:after{background:#061117;padding:26px 0;}

.ft-nav{padding:0}
.ft-nav li{display:inline-block;font-size:15px;line-height:23px}
.ft-nav li a{background: url(../images/list-sep.png) no-repeat 100% 5px;padding:0 22px;color:#848687}
.ft-nav li a[title]{display:none}
.ft-nav li:last-child a{background:none}
.ft-nav li a:hover,.ft-nav li a:focus{color:#d53f3f}

#copyright{margin-bottom:20px}
footer .social-media{position:static;width:281px;margin:0 auto;}
footer .social-media li a{display:block}

.ft .tooltip-inner{background:#fff;color:#000;padding:4px 10px;}
.ft.tooltip.top .tooltip-arrow{border-top-color:#fff}

@media screen and (min-width: 1500px) {
.right-sec{background-size:45.4% 100%}
/*#wrapper{border:2px solid #0f0}*/
}
@media screen and (min-width: 1900px) {
.right-sec{background-size:47.3% 100%}
#intro{background-position:55% 100%}

/*#wrapper{border:2px solid #ff0}*/
}
@media screen and (min-width: 2600px) {
.right-sec{background-size:49% 100%}
/*#wrapper{border:1px solid green}*/
}

/********* Media Query for max-width layout  ************/

@media (max-width:1199px){
.nav li{font-size:15px}
.nav > li > a, .nav > li > span{padding:11px 10px}

.stickymenu.menu-container{width:26%}

#intro{background-position:14% 100%}
.right-sec{background-size: 53.1% 100%;}

.left-tabs{width: 27%;}
.left-tab-content{width:73%;}

.portlet-body form label{width:30%;}
.portlet-body form .value-col{width:70%;}

.ft-nav li a{padding:0 20px}
/*body{border:2px solid #0f0}*/
}
@media (max-width:991px){
.header-bottom{position:static}
#menu{position:static;top:147px;right:0;margin:0;min-height:0;border:0}
#menu .container{width:100%;padding:0;margin:0}
.navbar-header{margin:0;width:70px;position:absolute;top:78px;right:12%}
.navbar-header .navbar-toggle{background:#dd5151;width:60px;height:60px;/*color:#dd5151;*/font-size:25px;padding:0;margin:0;border:0;border-radius:0;cursor:pointer}
/*----- Hamberger menu ------*/
.navbar-header .navbar-toggle:before,.navbar-header .navbar-toggle:after{content:'';}
.bars,.navbar-header .navbar-toggle:before,.navbar-header .navbar-toggle:after{position: absolute;top:0;left:10px;width: 40px;height: 4px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
border-radius: 4px;
background-color: #fff;}
.navbar-header .navbar-toggle:before{top: 28px;transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);}
.navbar-header .navbar-toggle:after{top:16px;transition: top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear;}
.bars{top:auto;bottom:16px;transition-delay: .15s;
transition-timing-function: cubic-bezier(.55,.055,.675,.19);
transition-duration: .15s;}

.navbar-header.open .navbar-toggle:after{top:28px;transition: top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;opacity:0;}
.navbar-header.open .navbar-toggle:before{top:28px;transition: top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;transform: rotate(45deg);}
.navbar-header.open .bars{top:38px;transition-delay: .32s;transition-timing-function: cubic-bezier(.215,.61,.355,1);transform: translate3d(0,-10px,0) rotate(-45deg);}
/*-----  Hamberg menu   ------*/
#menu .navbar-collapse.collapse{padding:0;margin:0;border:0;width:100%;overflow:hidden;}
#menu .navbar-collapse.collapse.animated.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:.2s;animation-delay:.2s;}
#menu .navbar-nav{float:none}
.nav{background:#061117;margin:0;text-align:center}
.nav li{float:none;display:inline-block;}
.nav li a{color:#fff}
.nav > li > a, .nav > li > span{padding:20px 10px}
.nav > li.active > span, .nav li:hover > a{background:#dd5151;}

#container,#intro,#intro.check-dnd,#intro.login,#intro.forgot-password{margin-top:0;}
#intro{background-position:21% 100%}
.sidebar{font-size:15px}
.sidebar h1{font-size:50px}
.sidebar .helptext{font-size:24px}
.sidebar{width:362px;padding:60px 0 10px 10px}

.says li{width: 30.2%;padding:0 1%}
.says li h3{font-size:15px}

.main-heading{font-size:36px}
#contactus h2,.contact-detail h2{font-size:22px}

#pricing .box{width:43.5%}
.left-tabs,.left-tab-content{float:none;width:100%;}
#page-content{background:none}
.user-menu{display:block;background:#ededed;padding:6px 8px;font-size:32px;border-radius:0;color:#444;border:0}
.user-menu.menu-open{margin:15px 0 0;-webkit-transition: width .4s ease-in-out;
-moz-transition: width .4s ease-in-out;
-ms-transition: width .4s ease-in-out;
-o-transition: width .4s ease-in-out;
transition: width .4s ease-in-out;}
.user-menu.open .fa{-webkit-animation: spin 0.7s infinite linear;
-moz-animation: spin 4000ms infinite linear;
-o-animation: spin 4000ms infinite linear;
-ms-animation: spin 4000ms infinite linear;
animation: spin 4000ms infinite linear;}

.left-tabs{display:none;margin:0 0 5px}
.left-tabs ul li a{padding:15px 10px 15px 52px}

.left-tab-content .box-wrapper{padding:0 0 40px 0;}
.recent-status h4{font-size:15px}
.recent-status .btn{font-size:14px;padding:4px 12px}
.portlet-body form label{width:40%}
.portlet-body form .value-col{width:60%}

.ft-nav li{font-size:14px}
.ft-nav li a{padding:0 9px}

/*body{border:2px solid pink}*/
}
@media (max-width:767px){
#top{text-align:center}
.contact-info{display:block;margin:0}
.contact-info .email{margin-right:35px}
#top .social-media,#top .account{position:static;display:inline-block;margin:0 0 10px;vertical-align:middle}
#top .social-media{margin:0 35px 10px 0}
.navbar-header{top:126px}
.nav li{font-size:14px}
.nav > li > a, .nav > li > span{padding:20px 7px}

#intro{background-position: 24% 100%;}
.right-sec{background-size:56.2% 100%;}
.sidebar{width:324px}
.sidebar h1 {font-size: 42px;}
.sidebar form{padding:30px 18px}

.says li{min-height: 283px;}
.says li h3{font-size:17px}

.alignleft,.alignright{float:none;margin:0 0 20px}

#clients-say{background-size:cover}
#clients-say .bx-viewport{height:383px !important}
#newsletter{padding:20px 0 42px}
#newsletter input[type="text"]{width:100%;margin:0 0 20px;}

#contactus,.contact-detail{float:none;width:100%}

.row p{float:none;width:100%;margin:0 0 4px}

.left-tab-content h2{font-size:24px;padding:14px 10px 14px 21px}
.portlet-body form input[type="text"], .portlet-body form input[type="email"], .portlet-body form input[type="password"], .portlet-body form textarea, .portlet-body form select, .portlet-body form .file-input{width:94%}

.details{font-size:14px;}
.details span{margin-right:5px}

.ft-nav{border-top: 1px solid #303030;border-bottom: 1px solid #303030;padding-top: 2px;margin: 0 auto 20px;}
.ft-nav li{display:block}
.ft-nav li a,.ft-nav li:last-child a{display:block;background:#303030;/*color:#fff;*/margin: 0 0 2px;padding:6px 0;}

/*body{border:2px solid yellow}*/
}

@media (max-width:639px){

.nav{padding-bottom:20px}
.nav > li{width:100%;margin:0;font-size:15px}
.nav > li.active > span, .nav li > a{padding:20px 10px 0 10px;}
.nav > li.active > span, .nav li:hover > a{background:none;color:#dd5151}


#intro{background-position:28% 100%}
.right-sec{background:rgba(218,99,99,0.7);}

.inner-page #intro h1{font-size:32px;}
.main-heading,h2{font-size:26px}
.says{margin:0}
.says li{width:100%;margin:74px 0 0;min-height:0}
#clients-say .bx-viewport{height: 423px !important;}

#pricing .box {width: 47.5%;}

.left-tabs li{font-size:16px}
.left-tabs li > a, .left-tabs li > span{padding:19.3px 20px}

.user-details-box{position: static;background:#f46c6c;padding:4px;text-align:center;overflow: hidden;}
.user-details-box img{float:none;margin:0 7px 0 0}

.toggle-div{top:61px}
.toggle-div ul{text-align:left}

.left-tab-content h2{padding:10px 0 10px 0;text-align:center;font-size:24px}
.recent-status{float:none;width:100%}
.dataTables_length, .dataTables_filter{width:100%}

.portlet-body form label,.portlet-body form .value-col{float:none;width:100%}
.portlet-body form label{text-align:left;padding:15px 15px 0}
.portlet-body form .value-col{border:0;padding:0 15px 10px 15px}
.portlet-body form input[type="text"], .portlet-body form input[type="email"], .portlet-body form input[type="password"], .portlet-body form textarea, .portlet-body form select{width:100%}
.portlet-body form .file-input{width:200px}
.portlet-body form .file-input .btn{min-width:60px}

/*body{border:2px solid green}*/
}

@media (max-width:560px){
.header-bottom{text-align:center}
#logo{display:inline-block;}
#logo,.navbar-header{position:static;margin:20px auto}
.navbar-header{margin:0 auto}
.navbar-header .navbar-toggle{background:#061117}

.form-box{width:100%;font-size:14px}
.sidebar form input[type="submit"], .form-box form input[type="submit"]{font-size:18px}
#content .dashboard-stat li{float:none;width:100%;padding:5px 4% 7px 3%;margin:0 0 20px}

.details span{display:block;margin:0}

/*body{border:2px solid purple}*/
}

@media screen and (max-width: 480px) {
.contact-info .email,.contact-info .call{display:block;margin:0 auto 5px}

#intro {background-position: 21% 100%;}
.sidebar{float:none;width: 100%;text-align: right;padding:60px 0 10px 0;font-size:14px}
.sidebar h1{font-size:38px}
.sidebar .helptext {font-size:21px;}

.main-heading,#clients-say h2,#newsletter h2{background:none;padding:0 0 15px;border-bottom:1px solid #ddd}
.main-heading:before,#newsletter h2::before{content:''}
.main-heading::after{padding:0}

#clients-say .bx-viewport {height:517px !important}

.captcha input[type="text"]{width:100%;margin:0 0 20px;}
#pricing{width:100%;margin:0}
#pricing .box{width:240px;margin:0 0 20px}

.left-tab-content h2{font-size:20px}
.user-details-box .name{font-size:14px}
.form-actions .btn{margin:5px 0}

/*body{border:2px solid yellow;}*/
}
@media screen and (max-width: 320px) {

#clients-say .bx-viewport {height: 557px !important;}
.dataTables_wrapper .dataTables_filter input{margin:6px 0 0}

footer .social-media{width:257px}
.social-media li{margin:0 4px 0 0}

/*body{border:2px solid pink;}*/
}