@charset utf-8;

/* CSS Document */

html, body {
	width:100%;
	height:100%;
}

/* 01 - LAYOUT INITIALIZATION */
body{
	overflow-x: hidden;
	color: #555 !important;
}

.container {
	width: 80%;
	max-width:980px;
}


.clear { clear:both;}

/*.page{
	margin-left: 100px !important;
}*/
p {

	font-family:"Open Sans";
	color: #555;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}
a{outline: 0px !important;}
.row {
	margin-left: 0px;
}

.page{min-height: 760px;}
.intermediate-page{

	width: 100%;
	height: 100%;
	padding:30px 0px 0px 0px;
}

.intermediate-page h1 {
	font-family:"Open Sans"; 
	font-size:57px; 
	color:#333333; 
	font-weight:300; 
	text-align:center; 
	line-height:normal; 
	text-transform:uppercase;
	margin-bottom: 5%;
	margin-top: 5%;
}

.intermediate-page p {
	font-family:"Open Sans"; 
	font-size:20px; 
	color:#767676; 
	text-align:center; 
	width:85%; 
	margin:25px auto 0px auto;
}


/* 02 - HEADER & NAVIGATION */
#header{
	padding-bottom: 0px !important;
	background: transparent !important;
}
#header-nav {
	display: none;
}

.realm-heading {
	height:760px;
	width: 100%;
	/*background: rgba(0,0,0,0.5);*/
}

.header-fixed-nav {
	position: fixed;
	z-index: 100;
	height: 120%;
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
	background:#fff;
	top:0;
	left:0;
}


.rg-view { display:none;}

.nav {
	text-align: center !important;
	width: 474px;
	/*height: 100%;
	background: #fff;*/
	margin-bottom: 0px !important;
}

.nav h1 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	padding-right: 0px !important;
	font-size: 36px !important;
	font-family: "RobotoBold";
	line-height: 43px !important;
	color: #000 !important;
	text-align: center !important;
	margin-top: 0px !important;

}

.nav ul {
	margin-left: 0px !important;
	margin-bottom: 0px !important;
}

.nav ul li {
	text-align: right;
	list-style: none;
	padding:0px 45px 0px 0px;
	margin-bottom: 3px;
	position: relative;
	line-height:24pt;
}

.nav ul li ul {
	position: absolute;
	left: 175px;
	top: -7px;
	visibility: hidden;
	opacity: 0;

	padding: 0px 0px;
	transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
}
.nav ul li ul li {
	position: relative;
	width: 180px;
	text-align: left;

	margin-bottom: 0;

}

.nav ul li ul li:hover {
	background: #333;
}
.nav ul li ul li:hover > a{

}
.nav ul li ul:before {
	content: "";
	width: 18px;
	height: 18px;

	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	margin-left: -8px;
	position: absolute;
	top: 10px;
	display: block;

}

.nav ul li ul li a{
	color: #fff;
	display: block;
	padding: 10px 10px 10px 20px;
	width: 160px;
}

.nav ul li:hover >ul {
	visibility: visible;
	opacity: 1;
	left: 150px;
}

.nav ul li a {
	text-decoration: none;
	font-size: 16px;
	font-family: "Open Sans";
	color: #9d9d9d;
	font-weight: 600;
	border: 0px !important;
	outline: 0px !important;
}

.nav ul li a:hover {
	color: #777;
}

.nav2 {
	width: 130px;
	height: 50%;
	background: #0A0A0A;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	padding: 70px 10px;
	text-align: left;
}

.nav2 a {
	display: inline-block;
	text-decoration: none;
	margin-top: 30px;
	color: #fff;
	font-size: 30px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}

.nav2 div:first-child > a {
	margin-top: 0px;
}

.navbar-widget .twitter-handle > span{
	font-size: 22px;
	color: #fff;
	line-height: 24px;
	font-family: "Open Sans";
	padding-bottom: 5px;

}
.tweets-ticker p{color: #FFF !important;}
.navbar-widget .tweets-ticker p{
	font-size: 14px !important;
	color: #FFF !important;
	margin-bottom: 10px;
}
.navbar-widget, .navbar-widget p{
	font-size: 14px;
}
.realm-heading h1 {
	font-weight: normal;
	text-align: right;
	font-size: 240px;
	line-height: 100px;
	font-family:"Open Sans";
	color: #fff;
	padding-top:150px;
	padding-right: 60px;
	margin-top: 0px !important;
	margin-bottom: 0px !important
}
.realm-heading h2 {
	text-align: right;
	font-size: 36px;
	line-height: 43px;
	font-family:"Open Sans";
	color: #fff;
	padding-top:0px;
	padding-right: 60px;
	margin-top: 30px !important;
	margin-bottom: 0px !important;
}
.realm-heading h2 > span{
	padding: 0px 10px 5px 10px;
	font-size: 36px;
	line-height: 43px;
	font-family:"Open Sans";
	color: #fff;

}

.inner-page-content p{margin-top: 15px;}

.header-nav-bg {
	background: #0A0A0A;
	border-bottom: 2px solid #fff;
}

.nav-bar h1 {
	font-size: 36px;
	line-height: 43px;
	font-family: "RobotoBold";
	color: #fff;
	text-align: center;
}

.nav-bar ul {
	text-align: right;
	margin-top: 15px;
	margin-bottom: 15px;
}

.nav-bar ul li {
	display: inline;
	list-style: none;
	padding-right: 10px;
	margin-right: 10px;
}

.nav-bar ul li a {
	text-decoration: none;
	font-size: 22px;
	line-height: 29px;
	font-family: "RobotoRegular";
	color: #FFF;
}




/* SPLASH PAGE */
.spalsh-page{
	padding-bottom: 0px !important;
	background: transparent !important;
	min-height: 10px !important;
}





/* ABOUT PAGE */
.about-style-img{
	text-align: center;
}
.about-style-img img {
	height: 150px;
	margin-top: 25px;
}

.realm-service{
	height:100px;
	text-align: center;

}

.realm-service.dark-bg {
	text-align: center;
}

.realm-service img{
}

.realm-service-details {
	padding: 15px 0px;
	text-align: center;

}

.realm-service.dark-bg + .realm-service-details {

	padding: 15px 0px;
	text-align: center;

}

.realm-service-details h3 {
	margin: 0px;
	padding: 10px 0px;
	font-size: 22px;
	font-family:"Open Sans";
	line-height: 29px;
	color: #2f2f2f;
}

.realm-service-details p{
	font-family:"Open Sans";
	font-size: 14px;
	line-height:21px;
	text-align: left;
	padding:0px 25px 0px 25px;
	color: #9f9f9f;
	text-align: center;
	margin-top: 10px;
}

.team-row{ margin-bottom: 25px;}
.team-row article.hor:nth-child(2) .service-text{
	background: #eee !important;


}

.team-row article.hor:nth-child(2) .service-text p {
	color: #000 !important;
}

.team-row-alter article.hor:first-child .service-text{
	background: #eee !important;


}

.team-row-alter article.hor:first-child .service-text p {
	color: #000 !important;
}



/*		portfolio page		*/



/*Isotope styling*/

.height-01 h2 {
	color: #fff;
	margin-left: 25px;
	margin-top: 25px;
	font-family: "RobotoRegular";
	font-size: 35px;
	line-height: 42px;

}


.height-01 h3 {
	color: #fff;
	margin-top: 65px;
	margin-left: 25px;
	font-size: 18px;
	font-family: "RobotoThin";
	line-height: 25px;
}

.height-01 .element-anchor a {
	margin-top: 135px;
}

.height-02 h2 {
	color: #fff;
	margin-left: 25px;
	margin-top: 25px;
	font-family: "RobotoRegular";
	font-size: 35px;
	line-height: 42px;
}


.height-02 h3 {
	color: #fff;
	margin-top: 65px;
	margin-left: 25px;
	font-size: 18px;
	font-family: "RobotoThin";
	line-height: 25px;
}

.height-02 .element-anchor a {
	margin-top: 135px;
}


.height-03 h2 {
	color: #fff;
	margin-left: 25px;
	margin-top: 25px;
	font-family: "RobotoRegular";
	font-size: 35px;
	line-height: 42px;
}


.height-03 h3 {
	color: #fff;
	margin-top: 65px;
	margin-left: 25px;
	font-size: 18px;
	font-family: "RobotoThin";
	line-height: 25px;
}

.height-03 .element-anchor a {
	margin-top: 135px;
}


.height-04 h2 {
	color: #fff;
	margin-left: 25px;
	margin-top: 25px;
	font-family: "RobotoRegular";
	font-size: 35px;
	line-height: 42px;
}


.height-04 h3 {
	color: #fff;
	margin-top: 65px;
	margin-left: 25px;
	font-size: 18px;
	font-family: "RobotoThin";
	line-height: 25px;
}

.height-04 .element-anchor a {
	margin-top: 135px;
}



.element-text {
    display: block;
    width: 100%;
}

.portfolio-visibility {
	/*position: static;*/
	visibility: hidden;
	display: inline-block;
	width: 100%;
}



.element-text h2, .element-text h3 {
	/*	display: none;*/
	/*	visibility: hidden;
	*/}

.portfolio .element:hover .portfolio-visibility {
	/*	display: block;
		visibility: visible;*/
}

.element-anchor a{
	/*position: static;*/
	margin-left: 25px;
	width: 60px;
	height: 60px;
}

.element-anchor a + a {
	margin-left: 100px;
	width: 60px;
	height: 60px;
}

.element-anchor a img.anchor-image{
	/*	position: static;*/
	/*	display: none;
		visibility: hidden;*/
}

.element-anchor a + a img {
	/*	position: static;*/
	/*	display: none;
		visibility: hidden;*/
}

.portfolio {
	margin: 0px 0px;
}

.custom-portfolio-padding {
	padding: 60px 0px 60px 0px;
}

#container {
}

#options {
	text-align: left;
	margin-bottom: 20px;
}

#filters li{
	line-height: 43px;
}

#filters .selected {

	color:#FFF !important;
	opacity: 1;
}

#filters li a{
	background: #231F20;
	padding: 12px ;
	margin-right: 3px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-family:"RobotoLight";
	font-size: 12px;
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: 2px;
	opacity: 1;
}

#filters li a:hover{
	background: #000;
	opacity: 1;
	padding: 12px ;
	margin-right: 3px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-family:"RobotoLight";
}

.inner-link a.selected{
	background: #fff !important;
	color: #000 !important;
}

/*------------------------------------------------------------*/


/*		service page  		*/


.service-carousel-bg-img {
	/*width: 100%;*/
	background: url("images/parallax/01.html")  center top;
	background-size: cover;
}

.service-carousel-bg-color{
	width: 100%;
	height: 100%;
	background: rgba(217,14,14,0.7);
	padding: 153px 0px;
}

.service-carousel-text {
	border-left: 25px solid #000;
	padding: 0px 20px;
}

.service-carousel-text h3 {
	font-size: 70px;
	line-height: 77px;
	font-family: "RobotoBold";
	color: #fff;
	letter-spacing: 2px;
}

.service-carousel-text p {
	font-size: 36px;
	line-height: 43px;
	font-family: "Open Sans";
	color: #fff;
}

.service-margin {
	margin-top: 24px;
}

.service-details {
	/*width: 460px;*/
	height: 250px;
	/*height: 230px;*/
	overflow: hidden;
	position: relative;
}

.service-details img {
	position: absolute;
	top: 0;
	left: 0;
	height: inherit;
	width: auto;
	height: 100%;
	float: left;
	transition: all 0.8s;
	-moz-transition: all 0.8s;

}

.service-details:hover img {
	/*opacity: 0.4 !important;*/
}

.service-details .service-hover-text h3 {
	padding: 0px;
	margin: 0px;
	font-size: 25px;
	font-family: "RobotoBold";
}

.service-details .service-hover-text h4 {
	padding: 0px;
	padding-bottom: 13px;
	margin: 0px;
	font-size: 16px;
	width: 90%;
	font-family: "RobotoRegular";
	border-bottom: 7px solid #000;
}

.service-details .service-hover-text p {
	padding-top: 13px;
	font-size: 14px;
	line-height: 20px;
	color: #FFF !important;
	font-family: "Open Sans";
}


.service-details .service-hover-text{
	width: 42%;
	height: 89%;
	position: absolute;
	top: 0%;
	left: 50%;
	padding: 3% 4%;

	color: rgba(255,255,255,1);
	/*	display: none;*/
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.4s;
}

.service-details:hover .service-hover-text {
	display: block !important;
	color: rgba(255,255,255,1);

	left: 0px;
	top: 0px;
}


.service-details .service-text {
	width: 50%;
	height: inherit;
	background: #000;
	float: left;
	position: absolute;
	left: 50%;
}

.service-details .service-text p {
	padding:100px 0px 0px 20px;
	font-size: 24px;
	font-family: "RobotoBold";
	color: #fff;
}

.service-details .service-text p span {
	font-family: "RobotoThin" !important;
}

.service-details .service-text a , .service-white .service-text {
	padding: 0px 0px 0px 20px;
	font-size: 16px !important;

	font-family: "RobotoRegular" !important;
	text-decoration: none !important;
}

.service-details .service-text {
	float: left;
}

.service-white {
	background: #eee !important;
	width: 50% !important;
	height: inherit !important;
}

.service-white p {
	color: #000 !important;
}

/*		news page 			*/

.news-carousel-bg-img {
	/*width: 100%;*/
	height: 500px;
	background: url("images/parallax/02.html")  center top;
	background-size: cover;
}

.news-carousel-bg-color{
	width: 100%;
	height: 100%;
	background: rgba(217,14,14,0.7);
	padding: 153px 0px;
}

.news-carousel-text {
	text-align: center;

}

.news-carousel-text h3 {
	font-size: 70px;
	line-height: 77px;
	font-family: "RobotoBold";
	color: #fff;
	letter-spacing: 2px;
	border-bottom: 25px solid #000;
	display: inline-block;
}

.news-carousel-text a {
	font-size: 36px;
	line-height: 43px;
	font-family: "Open Sans";
	color: #fff;
	text-decoration: none;
	display: inline-block;
}

.news-main-space {
	padding: 20px 20px;
	/*width: 1000px;*/
	min-height: 450px;

	margin: 0 auto;
	transition:all 1s;
	color: #FFF;
}

.news-main-details p{
	color: #FFF;
}

.news-main-details img {

}

.news-main-details h1 {
	font-size: 40px;
	line-height: 47px;
	font-family: "RobotoRegular";
}

.news-main-details h3 {
	font-size: 16px;
	font-family: "RobotoLight";
	line-height: 23px;
	padding: 7px 10px;
	background: #000;
}
.news-main-details h3 a{ color: #FFF;}
.news-main-details h3 a:hover{ color: #D90E0E; text-decoration: none;}

.news-main-details p {
	font-family: "Open Sans";
    font-size: 14px;
    line-height: 21px;
    margin-top: 6px;
}
.news-main-learn-more {
	margin-top: 20px;
}



.realm-button {
	text-decoration: none !important;
	border: 3px solid #FFF;
	display: inline-block;
	padding:14px 30px;
	font-size:18px;
	font-family:"Open Sans";
	color: #fff !important;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
}

.realm-button.dark{
	border: 3px solid #000 !important;

}

.realm-button:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}
.realm-button.dark:hover{

}


.news-img-section {
	margin-top: 4px;
	text-align: center;		}

.news-img-section .imgs {
	margin: 0px !important;
	/*width: 150px;
	height: 150px;*/
}

.news-img-section .imgs a {
	position: relative;
	min-height: 10px;
	height: auto;
	overflow: hidden;
	display: inline-block;
	width: 100%;
	margin: 10px 0px;
}

.news-img-section .imgs a:hover .blog-attr{
	bottom: 0px;
}

.news-img-section .imgs a .blog-attr {
	position: absolute;
	height: 200px;
	width: 88%;
	bottom: -220px;

	padding: 15px 15px 10px 15px;
	text-align: left;
	transition: all .3s ease-out;

}

.news-img-section .imgs a .blog-attr h4 {
	color: #fff;
	font-size: 21px;
	line-height: 28px;
	font-family: "RobotoRegular";
	margin-top:0px;
	padding-top: 0px;
	padding-bottom: 10px;
	border-bottom: 7px solid #1c1c1c;
}

.news-img-section .imgs a .blog-attr p {
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	font-family: "Open Sans";
}

.news-img-section .imgs img {

}

.news-more {
	margin-top: 4px;
	height: 80px;
	background-color: rgba(28,28,28,1);
	transition: all 0.4s;
}

.news-more:hover {

}

.news-more a {
	text-decoration: none;
	color: #fff;
	font-size: 26px;
	font-family: "RobotoThin";
}

.news-more a .news-more-text {
	margin-top: 24px;
	display: inline-block;
	margin-left: 30px;
	margin-right: 5px;
	transition: all .5s;
}

.news-more a:hover .news-more-text {
	margin-right: 15px;
}

/*		contact page 		*/

.contact-padding-top {
	padding-top: 40px;
}

.contact-padding-bottom {
	padding-bottom: 60px;
}

.contact-style-img img {
	width: 150px;
	height: 150px;
	padding: 13px 0px 13px 75px;
}

.contact-main {
    color: #000000;
    font-family: "Open Sans";
    font-size: 36px;
    letter-spacing: 0px;
    line-height: 43px;
    margin: 0;
    padding-bottom: 30px;
}



.contact-address {
	padding: 40px;
	text-align: center;
}

.contact-address p {
	font-size: 32px;
	font-family: "Open Sans";
	color: #fff;
	line-height: 39px;
	margin: 0px;
}

/*.contact-details {
	font-size: 16px;
	font-family: "Open Sans";
	text-align: center;
	padding :0px 50px;
	color: #84807B;
	line-height: 26px;
}*/

.contact-social-link h2{text-align:center; font-size:27px; color:#42474a; font-weight:bold;}
.contact-social-link h3{text-align:center; font-size:23px; color:#848484; font-weight:normal;}

.contact-social-link ul {
	text-align: center;
	margin: 40px 0px 20px 0px;
}

.contact-social-link ul li {
	list-style: none;
	display: inline;
	padding-right: 5px;
	margin-right: 5px;
}

.contact-social-link ul li a {
	text-decoration: none;
	font-size: 30px;
	color: #444;
}

.contact-social-link ul li a:hover {
	color: #D90E0E;
}

.alert-danger, .alert-error {
    background-color: #D90E0E;
    border-color: #EED3D7;
    padding: 15px 8px;
    color: #fff;
    border-radius: 0px;
    border: none;
    font-family:"Open Sans" !important;
    font-size:22px !important;
    text-shadow:none;
}

#contactForm input
{
    background:none repeat scroll 0 0 #fff !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: solid 1px #000 !important;
    border-radius:0!important;
    color:#000 !important;
	font-family:"Open Sans" !important;
    font-size:22px !important;
    margin-bottom:10px;
    padding:12px 3%;
    width:100%;
    height: 50px !important;
}

.cnt-input::-webkit-input-placeholder { color:#f00 !important; }
.cnt-input:-moz-placeholder { color:#f00 !important; }
.cnt-input:-ms-input-placeholder { /* IE10+ */ color:#000; }

#contactForm input:focus {
    color:#fff !important;
}

form#contactForm  {
	margin: 0px;
}

#contactForm textarea
{
    background:none repeat scroll 0 0 #fff !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: solid 1px #000 !important;
    border-radius:0!important;
    color:#000 !important;
	font-family:"Open Sans" !important;
    font-size:22px !important;
    height:180px;
    margin-top:0px;
    padding:12px 3%;
    resize:none;
    width:95%;
}

#contactForm textarea:focus
{
    color:#fff !important;
}

.contact-style {
	text-align: center;
}

/* Get ready page*/
.ready-bg {
	background: #2b3034;
	padding-top: 20px;
	padding-bottom: 20px;
}
.ready-main {
	font-size: 32px;
	font-family: "Open Sans";
	line-height: 40px;
	text-align: left;
	color: #e2e2e2;
	margin-top: 45px;
	padding-bottom: 15px;
}

.ready-sub {
	font-family: "Open Sans";
	font-size: 14px;
	line-height: 21px;
	text-align: left;
	margin-bottom: 45px;
	color: #9A9A9A;
	border-top: solid 2px #2B2B2B;
	padding: 4px;
}

.top-space {
	margin-top: 60px;
	text-align: right;
}



.btn-realm-alt button {
	margin-top: 20px !important;

	/*padding: 12px 20px;*/
	width: 60px;
	height: 60px;
	background: #D90E0E;
	color: #fff;
	border:  none !important;
	border-radius: 50%;
	text-shadow:none;
	font-size: 20px;
	font-family:"Open Sans";
	transition: all .5s ease-out !important;
	-moz-transition: all .5s ease-out !important;
	-webkit-transition: all .5s ease-out !important;
	-o-transition: all .5s ease-out !important;
}
.btn-realm-alt button:hover{
	border:  none !important;
	color: #fff;
	background: #000;
}


/* Footer page */
#footer {
	background: #2b3034;
}

#get-ready a.realm-button {
	color: #fff;
	text-align: center;
	font-family: "Open Sans";
	font-size: 18px;
	line-height: 25px;

	padding: 15px 30px 15px 30px;
	text-decoration: none;
	transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
}

#get-ready a.realm-button:hover {
	color: #FFF;
	background-color: #000 !important;
	padding: 15px 30px 15px 30px;
}

.footer-nav1 {
	margin-top: 50px;
}

.footer-nav2 {
	margin-top: 40px;
}

.footer-nav1 ul {
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer-nav2 ul {
	padding-bottom: 25px;
	text-align: right;
	padding-right: 25px;
}

.footer-nav1 ul li {
	display: inline;
	margin-right: 20px;
	padding-right: 5px;
	font-size: 18px;
	line-height: 25px;
	font-family: "RobotoThin";
}

.footer-nav2 ul li {
	display: inline;
	margin-right: 5px;
	padding-right: 5px;
	font-size: 20px;
	line-height: 27px;
	font-family: "RobotoThin";
}

.footer-nav1 ul li a {
	color: #888;
	text-decoration: none;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.footer-nav1 ul li a:hover {
	color: #fff;
}

.footer-nav2 ul li a {
	opacity: .5;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}
.footer-nav2 ul li a:hover {opacity: 1}
.copyright{
	padding:20px 0px;
}
.copyright p{
	font-family:"Open Sans";
	font-size: 12px;
	line-height: 19px;
	padding-left: 20px;
	padding: 15px 0px;
	margin: 0;
	color: #aaa;
}

.credits{
	padding:20px 0px;
}
.credits p{
	font-family:"Open Sans";
	font-size: 12px;
	line-height: 19px;
	padding-left: 20px;
	padding: 15px 0px;
	margin: 0;
	color: #aaa;
}

/* 03 - COMMON ELEMENTS & STYLES */

.page{
	background: #fbfbfb;
}
.bg-white, .page-bg-white {
	background: #fff;
}

.custom-padding {
	padding: 60px 0px 60px 0px;
}



.carousel-bg1 {
	/*height: 500px;*/
	background: #D90E0E url("images/carousel/about/1.html");
	background-size: cover;
}




.carousel-data {

	/*height: 500px;*/
}

.carousel-img img {
}

.carousel-data .carousel-text{
	margin-top: 20px;
	font-size: 24px;
	line-height: 31px;
	font-family: "Open Sans";
	color: #fff;
	padding-right: 15px;
}
.carousel-data .carousel-text h5 {
	margin-top: 20px;
	font-size: 16px;
	line-height: 23px;
	font-weight: normal;
	font-family: "Open Sans";
	color: #000;
	background: #fff;
	padding: 4px 8px 4px 0px;
	width: 101%;
}
.carousel-data .carousel-text h5 > span {
	font-size: 18px;
	line-height: 25px;
	font-family: "Open Sans";
	color: #fff;
	background:#111;
	padding: 4px 12px 4px 12px;
	margin-right: 7px;
}

/*
.carousel-margin {
	margin-top: 25px;
}
*/

.carousel-control {
	border: none;
	background: none;
	/*
	top: 49% !important;
		background: none !important;
		opacity: 1 !important;
		font-size: 60px !important;
		text-align: right !important;

		width:30px !important;
	*/
}



.carousel-control {
    background: none repeat scroll 0 0 #222222;
    border: 3px solid #FFFFFF;
    border-radius:0px;
    color: #FFFFFF;
    font-size: 36px;
    font-weight: 100;
    left: 15px;
	padding:12px 0px 0px 0px;
    line-height: 30px;
    margin-top: -20px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: 49%;
    width:30px;
	z-index:100;
}
.carousel-control.left{
	background:#000000;
	opacity:0.8l
}
.carousel-control.right{
	background:#000000;
	opacity:0.8l
}

.carousel-control:hover {
	color: #fff !important;
}

.clear {
	clear: both;
}
/*
.page-bg-img {
	background: url("images/common/b_and_w.png") repeat-y center center;
}
*/
.page-style {
	width: 31.7%;
	float: left;
	padding: 52px 0px;
}

.page-style h3 {
    color: #333333;
    font-family: "Open Sans";
    font-size: 57px;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}

.page-style-img {
	/*	text-align: center;*/
}

.page-style-img img {
	width: 150px;
	height: 150px;
	padding-left: 61px;
}


.page-style-details {
	float: left;
	width: 68.3%;
	/*background: url("images/common/arrow.png") no-repeat center left,  #fff;*/
	padding: 65px;
	margin-left: 0px !important;
}
.page-style-details h3 {
	font-family: "Open Sans";
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;

	line-height: 28px;
	text-align: left;
	padding: 10px 15px;
}
.page-style-details h5 {
	font-family: "Open Sans";
	font-size: 22px;
	color: #333;
	line-height: 29px;
	text-align: left;
	margin-top: 10px;
}
.page-style-details p {
	font-family: "Open Sans";
	font-size: 14px;
	color: #666;
	line-height: 21px;
	text-align: left;
	margin-top: 10px;
	padding-top: 10px;

}

/*twitter*/

.twitter-handle {
	margin-bottom: 20px;
}

.twitter-handle > span{
	font-size: 42px;
	color: #fff;
	line-height: 49px;
	font-family: "Open Sans";
	border-bottom: solid 10px #000;
}


/*flickr*/

#flickr{
	padding: 0;
	margin-bottom: 100px;
	margin: 0;
	list-style: none;
}
.flickr-thumb {
    width: 16%;
    margin: 3px;
    float: left;
    transition: all 1.25s ease;
    -moz-transition: all 1.25s ease;
    -webkit-transition: all 1.25s ease;
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;filter: gray;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.flickr-thumb:hover {
    transition: all 1.25s ease;
    -moz-transition: all 1.25s ease;
    -webkit-transition: all 1.25s ease;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-filter: grayscale(0%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.flickr-handle {
	margin-bottom: 40px;
}

.flickr-handle > span{
	font-size: 42px;
	color: #fff;
	line-height: 49px;
	font-family: "Open Sans";
	border-bottom: solid 10px #000;
}


/*Bootstrap Resets*/
.carousel{
	margin-bottom: 0px;
}



/*Mobile Optimization*/

@media (min-width:1280px) {

	.container-fluid{
		padding-left: 474px;
		padding-right: 0px;
	}

	/*.intermediate-page .container {width: 960px;}*/

	.page-style-details {
		float: left;
		margin-left: 0 !important;
		padding: 71px;
		width: 68.3%;
	}
}

@media (min-width: 980px) and (max-width:1280px) {
	.container-fluid{
		padding-left: 429px;
		padding-right: 0px;
	}
}

@media (min-width: 768px) and (max-width:979px) {
	.container-fluid {padding-left:12%;}
}

@media (max-width: 768px) {
	.container-fluid {padding-left:12%;}
}

@media (min-width: 768px) and (max-width:1280px) {
	.dha_pad{
		padding-left:100px;
	}
	.page-style h3 {
		font-size: 36px;
		line-height: 43px;
	}
	.news-img-section .imgs a .blog-attr {
		bottom: -220px;
		height: 135px;
		padding: 15px 15px 10px;
		position: absolute;
		text-align: left;
		transition: all 0.3s ease-out 0s;
		width: 80%;
	}
	.news-img-section .imgs a .blog-attr h4 {
		border-bottom: 4px solid #1C1C1C;
		color: #FFFFFF;
		font-family: "RobotoRegular";
		font-size: 16px;
		line-height: 23px;
		margin-top: 0;
		padding-bottom: 10px;
		padding-top: 0;
	}
	.news-img-section .imgs a .blog-attr p {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 10px;
		line-height: 17px;
	}
	.service-details .service-hover-text {
		background: none repeat scroll 0 0 #D90E0E;
		color: #FFFFFF;
		height: 93%;
		left: 50%;
		padding: 4% 6%;
		position: absolute;
		top: 0;
		transition: all 0.4s ease-in 0s;
		width: 42%;
	}
	.service-details .service-hover-text h3 {
		font-family: "RobotoBold";
		font-size: 22px;
		line-height: 22px;
		margin: 0;
		padding-top: 12px;
	}
	.service-details .service-hover-text h4 {
		border-bottom: 4px solid #000000;
		font-family: "RobotoRegular";
		font-size: 16px;
		margin: 0;
		padding: 0 0 13px;
		width: 90%;
	}
	.service-details .service-hover-text p {
		font-family: "Open Sans";
		color: #FFF !important;
		font-size: 11px;
		line-height: 18px;
		padding-top: 13px;
	}
	.service-margin {
		margin-top: 15px;
	}
	.nav { width:100%;}
	.nav img.logo { width:190px; height:55px; margin:2% 7%;}

	.page-template-home .nav { width:374px;}
	.page-template-home .nav img.logo { width:300px; height:85px; margin:2% 7%;}
	.page-template-home .container-fluid {padding-left:374px;}
	.page-template-home .header-fixed-nav {width:374px;}

}


@media (min-width:768px) and (max-width: 960px) {
	.page-template-home .container-fluid {
		padding-left: 0px;
		padding-right: 0px;
    }

    .service-details .service-hover-text h4 {
		padding:0;
		width: 100%;
    }
}

@media (max-width:768px) {
    body, html {
        max-width: 768px !important;
        font-size: 12px;
    }

    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .container-fluid {
		padding-left: 0px;
		padding-right: 0px;
    }
    .page-style-details{
		padding: 10px;
    }
    .page-bg-img{
		background:#FBFBFB;
    }
    .page-style-details{
		background: #fff;
		margin-top: 40px;
    }
    .page-bg-img{
		padding-bottom: 50px;
    }

	.height-01 .element-anchor a, .height-02 .element-anchor a, .height-03 .element-anchor a, .height-04 .element-anchor a{
		margin-top: 90px;
	}
	.height-01 h3, .height-02 h3, .height-03 h3, .height-04 h3{
		font-size: 16px;
		line-height: 23px;
		margin-top: 50px;
	}
	.height-01 h2,  .height-02 h2, .height-03 h2, .height-04 h2{
		font-size: 20px;
		line-height: 27px;
	}
	.service-carousel-text h3 {
		color: #FFFFFF;
		font-family: "RobotoBold";
		font-size: 36px;
		letter-spacing: 2px;
		line-height: 43px;
	}
	.service-carousel-text p {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 18px;
		line-height: 23px;
	}
	.realm-heading h1 {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 192px;
		font-weight: normal;
		line-height: 200px;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		padding-right: 0px;
		padding-top: 100px;
		text-align: center;
	}
	.realm-heading h2{
		text-align: center;
		padding-right: 0px;
		margin-top: 10px;
	}
	.realm-heading h2 > span {
		background: none repeat scroll 0 0 #D90E0E;
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size:48px;
		line-height: 52px;
		padding: 0 10px 5px;
	}
	.service-text{
		display: none;
	}

	.service-details .service-hover-text {
		background: none repeat scroll 0 0 #D90E0E;
		color: #FFFFFF;
		height: 95%;
		left: 0;
		padding: 3% 4%;
		position: absolute;
		top: 170px;
		transition: all 0.4s ease 0s;
		width: 92%;
	}

	.service-details .service-hover-text h4 {
		padding:0;
		width: 100%;
		padding-bottom: 10px;
    }
	.service-details img{
		display: block;
	}
	.news-main-details h1 {
		font-family: "RobotoRegular";
		font-size: 20px;
		line-height: 27px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.flickr-thumb{
		width: 32%;
	}
	.contact-address p {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 16px;
		line-height: 23px;
		margin: 0;
	}
	.ready-main {
		color: #E2E2E2;
		font-family: "Open Sans";
		font-size: 24px;
		line-height: 33px;
		margin-top: 45px;
		padding-bottom: 15px;
		text-align: left;
	}
	.ready-bg{
		padding-bottom: 10px;
	}

	.news-img-section .imgs a .blog-attr{
		width: 92%;
	}
	.news-img-section .imgs{
		padding: 10px;
	}
	.page-style h3 {
		font-size: 28px;
		line-height: 35px;
	}
	.blog-attr{
		display: none !important;
	}
	.service-details{
		text-align: center;
		background:#ccc;
	}
	.service-details img{
		float: none;
		width: 100%;
		height: auto;
		position: relative;
	}
	.carousel-data .carousel-text p{
		font-size: 14px;
		line-height: 21px;
		padding: 0px;
		margin-top: 5px;
	}
	.carousel-data .carousel-text h5{
		text-align: left;
		padding-top: 0px;
	}
}


@media (max-width:640px) {
    body, html {
        max-width: 640px !important;
        font-size: 12px;
    }

    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .text-left, .text-right {
        text-align: center;
    }

    .container-fluid {
		padding-left: 0px;
		padding-right: 0px;
    }
    .page-style-details{
		padding: 10px;
    }
    .page-bg-img{
		background: #FBFBFB;
    }
    .page-style-details{
		background: #fff;
    }
    .page-bg-img{
		padding-bottom: 50px;
    }

    .height-01{
		width: 240px;
		height: 240px;
    }
    .height-02 {
		height: 480px;
		width: 240px;
	}
    .height-03 {
		height: 240px;
		width: 240px;
	}
	.height-04 {
		height: 240px;
		width: 480px;
	}
	.height-01 .element-anchor a, .height-02 .element-anchor a, .height-03 .element-anchor a, .height-04 .element-anchor a{
		margin-top: 90px;
	}
	.height-01 h3, .height-02 h3, .height-03 h3, .height-04 h3{
		font-size: 16px;
		line-height: 23px;
		margin-top: 50px;
	}
	.height-01 h2,  .height-02 h2, .height-03 h2, .height-04 h2{
		font-size: 20px;
		line-height: 27px;
	}
	.service-carousel-text h3 {
		color: #FFFFFF;
		font-family: "RobotoBold";
		font-size: 36px;
		letter-spacing: 2px;
		line-height: 43px;
	}
	.service-carousel-text p {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 18px;
		line-height: 23px;
	}
	.realm-heading h1 {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 96px;
		font-weight: normal;
		line-height: 100px;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		padding-right: 0px;
		padding-top: 150px;
		text-align: center;
	}
	.realm-heading h2{
		text-align: center;
		padding-right: 0px;
		margin-top: 10px;
	}
	.realm-heading h2 > span {
		background: none repeat scroll 0 0 #D90E0E;
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 24px;
		line-height: 31px;
		padding: 0 10px 5px;
	}
	.service-text{
		display: none;
	}

	.service-details .service-hover-text {
		background: none repeat scroll 0 0 #D90E0E;
		color: #FFFFFF;
		height: 95%;
		left: 0;
		padding: 3% 4%;
		position: absolute;
		top: 170px;
		transition: all 0.4s ease 0s;
		width: 92%;
	}
	.service-details img{
		display: block;
	}
	.news-main-details h1 {
		font-family: "RobotoRegular";
		font-size: 20px;
		line-height: 27px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.flickr-thumb{
		width: 47%;
	}
	.contact-address p {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 16px;
		line-height: 23px;
		margin: 0;
	}
	.ready-main {
		color: #E2E2E2;
		font-family: "Open Sans";
		font-size: 24px;
		line-height: 33px;
		margin-top: 45px;
		padding-bottom: 15px;
		text-align: center;
	}
	.ready-sub{
		text-align: center;
	}
	.top-space, .copyright{
		text-align: center;
	}
	.credits{
		padding-top: 0px;
	}
	.copyright{
		padding-bottom: 0px;
	}
	.ready-bg{
		padding-bottom: 60px;
	}

	.news-img-section .imgs a .blog-attr{
		width: 92%;
	}
	.news-img-section .imgs{
		padding: 10px;
	}




	.service-details {
		/*width: 460px;*/
		height: 250px;
		/*height: 230px;*/
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
	}
	.service-margin{
		margin-top: 0px !important;
	}
	.news-more a {
		color: #FFFFFF;
		font-family: "RobotoThin";
		font-size: 18px;
		text-decoration: none;
	}
	.hor{
		float: left !important;
		width: 50% !important;
		display: inline-block !important;
	}
	.service-details .service-hover-text{
		width: 92%;
	}
	.about-heading-red, .about-heading-black{
		margin-top: 15px;
	}
	.page-style {
		padding-top: 110px;
	}
	.carousel-data .carousel-text p{
		font-size: 14px;
		line-height: 21px;
		padding: 10px;
	}
	.carousel-data .carousel-text h5{
		text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;
	}

}


@media (max-width:480px) {
    body, html {
        max-width: 480px !important;
        font-size: 12px;
    }

    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .text-left, .text-right {
        text-align: center;
    }

    .container-fluid {
		padding-left: 0px;
		padding-right: 0px;
    }
    .page-style-details{
		padding: 10px;
    }
    .page-bg-img{
		background: #000;
    }
    .page-style-details{
		background: #fff;
    }
    .page-bg-img{
		padding-bottom: 50px;
    }

    .height-01{
		width: 180px;
		height: 180px;
    }
    .height-02 {
		height: 360px;
		width: 180px;
	}
    .height-03 {
		height: 180px;
		width: 180px;
	}
	.height-04 {
		height: 180px;
		width: 360px;
	}
	.height-01 .element-anchor a, .height-02 .element-anchor a, .height-03 .element-anchor a, .height-04 .element-anchor a{
		margin-top: 90px;
	}
	.height-01 h3, .height-02 h3, .height-03 h3, .height-04 h3{
		font-size: 16px;
		line-height: 23px;
		margin-top: 50px;
	}
	.height-01 h2,  .height-02 h2, .height-03 h2, .height-04 h2{
		font-size: 20px;
		line-height: 27px;
	}
	.service-carousel-text h3 {
		color: #FFFFFF;
		font-family: "RobotoBold";
		font-size: 36px;
		letter-spacing: 2px;
		line-height: 43px;
	}
	.service-carousel-text p {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 18px;
		line-height: 23px;
	}
	.realm-heading h1 {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 96px;
		font-weight: normal;
		line-height: 100px;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		padding-right: 0px;
		padding-top: 150px;
		text-align: center;
	}
	.realm-heading h2{
		text-align: center;
		padding-right: 0px;
		margin-top: 10px;
	}
	.realm-heading h2 > span {
		background: none repeat scroll 0 0 #D90E0E;
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 24px;
		line-height: 31px;
		padding: 0 10px 5px;
	}
	.service-text{
		display: none;
	}
	.service-details .service-hover-text {
		background: none repeat scroll 0 0 #D90E0E;
		color: #FFFFFF;
		height: 95%;
		left: 0;
		padding: 3% 4%;
		position: absolute;
		top: 170px;
		transition: all 0.4s ease 0s;
		width: 92%;
	}
	.service-details img{
		display: block;
	}
	.news-main-details h1 {
		font-family: "RobotoRegular";
		font-size: 20px;
		line-height: 27px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.flickr-thumb{
		width: 47%;
	}
	.contact-address p {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 16px;
		line-height: 23px;
		margin: 0;
	}
	.ready-main {
		color: #E2E2E2;
		font-family: "Open Sans";
		font-size: 24px;
		line-height: 33px;
		margin-top: 45px;
		padding-bottom: 15px;
		text-align: center;
	}
	.ready-sub{
		text-align: center;
	}
	.top-space, .copyright{
		text-align: center;
	}
	.credits{
		padding-top: 0px;
	}
	.copyright{
		padding-bottom: 0px;
	}
	.ready-bg{
		padding-bottom: 60px;
	}

	.news-img-section .imgs a .blog-attr{
		width: 92%;
	}

	.service-details {
		/*width: 460px;*/
		height: 250px;
		/*height: 230px;*/
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
	}
	.service-margin{
		margin-top: 0px !important;
	}
	.news-more a {
		color: #FFFFFF;
		font-family: "RobotoThin";
		font-size: 18px;
		text-decoration: none;
	}
	.about-heading-red, .about-heading-black{
		margin-top: 15px;
	}

	.hor{
		float: left !important;
		width: 100% !important;
		display: inline-block !important;
	}
	.page-style {
		padding-top: 110px;
	}
	.carousel-data .carousel-text p{
		font-size: 14px;
		line-height: 21px;
		padding: 10px;
	}
	.carousel-data .carousel-text h5{
		text-align: center;
		padding-top: 15px;
	}
}



@media (max-width: 360px) {
    body, html {
        max-width: 360px !important;
        font-size: 12px;
    }

	.container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .text-left, .text-right {
        text-align: center;
    }

    .container-fluid {
		padding-left: 0px;
		padding-right: 0px;
    }
    .page-style-details{
		padding: 10px;
    }
    .page-bg-img{
		background: #000;
    }
    .page-style-details{
		background: #fff;
    }
    .page-bg-img{
		padding-bottom: 50px;
    }
    #portfolio-carousel{
		display: none;
    }
    .height-03 {
		height: 230px;
		width: 230px;
	}
	.height-04 {
		height: 115px;
		width: 230px;
	}
	.service-carousel-text h3 {
		color: #FFFFFF;
		font-family: "RobotoBold";
		font-size: 36px;
		letter-spacing: 2px;
		line-height: 43px;
	}
	.service-carousel-text p {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 18px;
		line-height: 23px;
	}
	.realm-heading h1 {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 96px;
		font-weight: normal;
		line-height: 100px;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		padding-right: 0px;
		padding-top: 150px;
		text-align: center;
	}
	.realm-heading h2{
		text-align: center;
	}
	.realm-heading h2 > span {
		background: none repeat scroll 0 0 #D90E0E;
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 18px;
		line-height: 43px;
		padding: 0 10px 5px;
	}
	.service-text{
		display: none;
	}
	.service-details .service-hover-text {
		background: none repeat scroll 0 0 #D90E0E;
		color: #FFFFFF;
		height: 95%;
		left: 0;
		padding: 3% 4%;
		position: absolute;
		top: 170px;
		transition: all 0.4s ease 0s;
		width: 92%;
	}
	.service-details img{
		display: block;
	}
	.news-main-details h1 {
		font-family: "RobotoRegular";
		font-size: 20px;
		line-height: 27px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.flickr-thumb{
		width: 47%;
	}
	.contact-address p {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 16px;
		line-height: 23px;
		margin: 0;
	}
	.ready-main {
		color: #E2E2E2;
		font-family: "Open Sans";
		font-size: 24px;
		line-height: 33px;
		margin-top: 45px;
		padding-bottom: 15px;
		text-align: center;
	}
	.ready-sub{
		text-align: center;
	}
	.top-space, .copyright{
		text-align: center;
	}
	.credits{
		padding-top: 0px;
	}
	.copyright{
		padding-bottom: 0px;
	}
	.ready-bg{
		padding-bottom: 60px;
	}
	.service-details {
		/*width: 460px;*/
		height: 250px;
		/*height: 230px;*/
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
	}
	.service-margin{
		margin-top: 0px !important;
	}
	.news-more a {
		color: #FFFFFF;
		font-family: "RobotoThin";
		font-size: 18px;
		text-decoration: none;
	}
	.about-heading-red, .about-heading-black{
		margin-top: 15px;
	}

	.hor{
		float: left !important;
		width: 100% !important;
		display: inline-block !important;
	}
	.page-style {
		padding-top: 110px;
	}
}


@media (max-width: 320px) {
    body, html {
        max-width: 320px !important;
        font-size: 12px;
    }

    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .text-left, .text-right {
        text-align: center;
    }

    .container-fluid {
		padding-left: 0px;
		padding-right: 0px;
    }
    .page-style-details{
		padding: 10px;
    }
    .page-bg-img{
		background:#FBFBFB;
    }
    .page-style-details{
		background: #fff;
    }
    .page-bg-img{
		padding-bottom: 50px;
    }
    #portfolio-carousel{
		display: none;
    }
    .height-03 {
		height: 230px;
		width: 230px;
	}
	.height-04 {
		height: 115px;
		width: 230px;
	}
	.service-carousel-text h3 {
		color: #FFFFFF;
		font-family: "RobotoBold";
		font-size: 36px;
		letter-spacing: 2px;
		line-height: 43px;
	}
	.service-carousel-text p {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 18px;
		line-height: 23px;
	}
	.realm-heading h1 {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 96px;
		font-weight: normal;
		line-height: 100px;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		padding-right: 0px;
		padding-top: 150px;
		text-align: center;
	}
	.realm-heading h2{
		text-align: center;
	}
	.realm-heading h2 > span {
		background: none repeat scroll 0 0 #D90E0E;
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 18px;
		line-height: 43px;
		padding: 0 10px 5px;
	}
	.service-text{
		display: none;
	}
	.service-details .service-hover-text {
		background: none repeat scroll 0 0 #D90E0E;
		color: #FFFFFF;
		height: 95%;
		left: 0;
		padding: 3% 4%;
		position: absolute;
		top: 170px;
		transition: all 0.4s ease 0s;
		width: 92%;
	}
	.service-details img{
		display: block;
	}
	.news-main-details h1 {
		font-family: "RobotoRegular";
		font-size: 20px;
		line-height: 27px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.flickr-thumb{
		width: 47%;
	}
	.contact-address p {
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 16px;
		line-height: 23px;
		margin: 0;
	}

	.ready-main {
		color: #E2E2E2;
		font-family: "Open Sans";
		font-size: 24px;
		line-height: 33px;
		margin-top: 45px;
		padding-bottom: 15px;
		text-align: center;
	}
	.ready-sub{
		text-align: center;
	}
	.top-space, .copyright{
		text-align: center;
	}
	.credits{
		padding-top: 0px;
	}
	.copyright{
		padding-bottom: 0px;
	}
	.ready-bg{
		padding-bottom: 60px;
	}
	.service-details {
		/*width: 460px;*/
		height: 250px;
		/*height: 230px;*/
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
	}
	.service-margin{
		margin-top: 0px !important;
	}
	.news-more a {
		color: #FFFFFF;
		font-family: "RobotoThin";
		font-size: 18px;
		text-decoration: none;
	}
	.about-heading-red, .about-heading-black{
		margin-top: 15px;
	}

	.hor{
		float: left !important;
		width: 100% !important;
		display: inline-block !important;
	}
	.page-style {
		padding-top: 110px;
	}
}

.carousel-control.left{
	left:10px;
}
.carousel-control.right {
	right:10px;
}
.carousel-control{border: 0px !important;}

input.contact_web_url{display: none !important;}

.realm-section-heading.light {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 36px;
    letter-spacing: 0px;
    line-height: 43px;
    margin: 0;

}
.realm-section-heading {
    color: #333;
    font-family: "Open Sans";
    font-size: 36px;
    letter-spacing: 0px;
    line-height: 43px;
    margin: 0;
    padding-bottom: 10px;
}
.contact-social-link img{width: 40px;}

.add-top{margin-top: 60px !important;}
.add-bottom{margin-bottom: 60px !important;}
.pad-top{padding-top: 60px !important;}
.pad-bottom{padding-bottom: 60px !important;}

.add-top-medium{margin-top: 30px !important;}
.add-bottom-medium{margin-bottom: 30px !important;}
.pad-top-medium{padding-top: 30px !important;}
.pad-bottom-medium{padding-bottom: 30px !important;}

.add-top-small{margin-top: 15px !important;}
.add-bottom-small{margin-bottom: 15px !important;}
.pad-top-small{padding-top: 15px !important;}
.pad-bottom-small{padding-bottom: 15px !important;}

.light-txt{color: #FFF !important;}
.dark-txt{color: #333 !important;}

/* ===================================*/
/* WORDPRESS RESETS & OVER-RIDES */
/* ===================================*/
ul ul, ul ol, ol ul{margin-left: 15px;}
.blog-post .realm-section-heading {word-break: break-all;}
.blog_pagination .older{width: auto; min-width: 10px; float: left;}
.blog_pagination .newer{width: auto; min-width: 10px; float: right;}

.post_footer{margin-top: 20px;}
.post_footer li{list-style: none;}
.comments-section ul{list-style: none; margin-left: 0px;}

.cmntbox{margin-bottom: 40px;}
.cmntbox p{
    background: #F8F8F8;
    border-left: 5px solid #999999;
    color: #888888;
    font-family: Georgia;
    margin-top: 10px;
    padding: 20px;
}
#reply-title a, #comments-form a{text-decoration: none !important; color: #888;}
#reply-title a:hover, #comments-form a:hover{color: #BBB;}
.comment-reply-title, .comments-heading
{
    color: #555555;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    line-height: 31px;
    margin-bottom: 12px;

}
.avatarbox{margin-bottom: 10px;}

.comment-form label{
	color: #555555;
    font-family: "Open Sans";
    text-transform: uppercase;
}
#comments-form input[type="text"]{ width: 50%; margin-bottom: 10px; margin-top: 0px;}
#comments-form textarea{ height: 188px;resize:none; width: 75%; margin-top: 0px; margin-bottom: 20px;}
@-moz-document url-prefix(){
	#comments-form textarea{ height: 195px;resize:none;}
}
#comments-form .button{text-shadow:none !important;}
#comments-form .button:hover{background: #673653; color: #FFF; }

#searchsubmit{margin-top: -9px;}

#searchform .button{text-shadow:none !important; background: #FFF;}
@-moz-document url-prefix(){
	#searchform .button{text-shadow:none !important; background: #FFF; padding: 9px;}
}

pre{padding: 20px;}


.wp-caption{

}

.wp-caption-text{

}

.gallery-caption{

}

.bypostauthor{

}

.alignright{
    text-align: right;
    float: right;
}

.alignleft{
    text-align: left;
    float: left;
}

.aligncenter{
    text-align: center;
    float: none;
}

.align-right{
    text-align: right;
    float: right;
}

.align-left{
    text-align: left;
    float: left;
}

.align-center{
    text-align: center;
    float: none;
}

.sticky {}

.sidebar{padding-left: 10px;}
.sidebar ul, .sidebar ol{margin-top: 15px;}
.searchform label{display: none;}
.inner-sub-caps{
	color: #555555;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    line-height: 31px;

}
.sidebar ul li{color: #000; list-style: square inside; border-bottom: #CCC solid 1px; padding-bottom: 10px; margin-bottom: 10px;}
.sidebar ul li:last-child{margin-bottom: 0px; border-bottom: 0px;}
.sidebar ul li a{color: #555; text-decoration: none !important;}


.widget{margin-bottom: 15px;}
#calendar_wrap{padding-bottom: 10px;}

.featured-image{margin-bottom: 20px;}
.featured-image .carousel-control.left{left: 2% !important;}
.featured-image .carousel-control.right{right: 2% !important;}
.featured-image img {

    display: block;
	max-width: 705px !important;
	margin: 0 auto;
}
a.blog-featured-img{
    display: block;
    border: 3px solid #EEE;
    max-width: 705px !important;
    overflow: hidden;
}
.featured-image .carousel.slide{border: 3px solid #EEE; }
a.blog-featured-img img{
    transition: all 1.25s ease;
    -moz-transition: all 1.25s ease;
    -webkit-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    -ms-transition: all 1.25s ease;
}
a.blog-featured-img:hover > img{
    opacity: .7;
    filter: alpha(opacity = 70);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.comments-section .blog-caps{margin-bottom: 10px;}

.cmntbox a{color: #555;}
.cmntbox p{margin-bottom: 15px;}
.logged-in-as{margin-bottom: 10px;}
.post-tags{margin-bottom: 35px;}
.post-tags a{text-decoration: none !important; color: #555;}
.tagcloud{margin-top: 15px; padding-bottom: 5px;}
.tagcloud a{
	color: #555;
	text-decoration: none !important;
	font-size: 12pt !important;
}
.tagcloud a:after{
	content: ", ";
	display: inline;
	color: #555 !important;
}
.tagcloud a:last-child:after{display: none;}

.featured_attr img{border: #FFF solid 1px; padding: 3px; margin-right: 10px;}
.blog-list .blog-post{margin-bottom: 30px; padding-bottom: 30px; border-bottom: #EEE solid 3px;}
.blog-list .blog-post:last-child{margin-bottom: 0px;}
.blog-list .blog-post .featured_attr{margin-bottom: 15px;}
.post-type-quote {
    background: #F8F8F8;
    color: #999999;
    font-family: Georgia;
    font-size: 20px;
    line-height: 27px;
    padding: 20px;
}
.featured-image a{text-decoration: none !important;}
.post-type-link {
    color: #FFFFFF;
    font-family: "Open Sans";
    text-decoration: none !important;
    font-size: 24px;
    font-weight: normal;
    line-height: 31px;
    padding: 20px;
}

.support-icon{}
.support-icon ul{margin:0px; padding:0px;}
.support-icon ul li{margin:10px 0px!important; padding:0px 0px 35px 0px; float:left; list-style:none; background:url(../../images/design2/seprator.png) left bottom no-repeat; font-family:"Open Sans"; font-size:23px; font-weight:bold; text-transform:uppercase; min-height:88px!important;}
.support-icon ul li a { display:block; padding:0px; min-height:70px; /*line-height:30px;*/}
.support-icon ul li a.pad15 { padding-top:15px;}
.support-icon ul li .green a{color:#35a149; text-decoration:none;}
.support-icon ul li .blue a{color:#035186; text-decoration:none;}
.support-icon ul li .perple a{color:#7d2f84; text-decoration:none;}
.support-icon ul li .orange a{color:#d64136; text-decoration:none;}
.support-icon ul li .black a{color:#000; text-decoration:none;}
.support-icon ul li .green1 a{color:#test; text-decoration:none;}
.green a{color:#35a149; text-decoration:none;}
.blue a{color:#035186; text-decoration:none;}
.perple a{color:#7d2f84; text-decoration:none;}
.orange a{color:#d64136; text-decoration:none;}
.black a{color:#000; text-decoration:none;}
.green1 a{color:#088c81; text-decoration:none;}
.sub_txt { font-size:14px; padding-top:20px; text-transform:none; font-weight:normal; clear:both;}



#how-it-works ol {
    list-style: none outside none;
    margin: auto;
    max-width: 900px;
    padding: 0;
}

.border1{}
.border1 ul{width:100%; margin:0px; padding:0px;}
.border1 ul li{width:100%; margin:0px; padding:40px 0px 0px 0px; list-style:none; text-align:right; font-family:"Open Sans"; font-size:20px; font-weight:bold; position:relative;}
.border1 ul li img{margin:0px -10px 0px 10px;}

.border_green a{color:#2d9040; text-decoration:none;}
.border_blue a{color:#11519c; text-decoration:none;}
.border_perple a{color:#782c7f; text-decoration:none;}

.how_it_text1{background:#2d9040; border:solid #cccccc 1px; border-radius:5px; width:92%; padding:5px; float:left; position:relative; margin:40px 0px 0px 0px;}
.how_it_text1 img{position:absolute; left:-10px; top:13px;}
.how_it_text1 ul{margin:0px; padding:0px;}
.how_it_text1 ul li{margin:0px; padding:14px 0 14px 16px; list-style:none; background:url(../../images/design2/list-arrow.png) 7px 21px no-repeat; float:left; font-size:16px; font-family:"Open Sans";}
.how_it_text1 ul li a{color:#fff; text-decoration:none;font-size:17px;}


.how_it_text2{background:#11519c; border:solid #cccccc 1px; border-radius:5px; width:92%; padding:5px; float:left; position:relative; margin:36px 0px 0px 0px;}
.how_it_text2 img{position:absolute; left:-10px; top:13px;}
.how_it_text2 ul{margin:0px; padding:0px;}
.how_it_text2 ul li{margin:0px; padding:14px 0 14px 16px; list-style:none; width:100%; background:url(../../images/design2/list-arrow.png) 7px 21px no-repeat; float:left; font-size:16px; font-family:"Open Sans";}
.how_it_text2 ul li a{color:#fff; text-decoration:none;}


.how_it_text3{background:#782c7f; border:solid #cccccc 1px; width:92%; border-radius:5px; padding:5px; float:left; position:relative; margin:36px 0px 0px 0px;}
.how_it_text3 img{position:absolute; left:-10px; top:13px;}
.how_it_text3 ul{margin:0px; padding:0px;}
.how_it_text3 ul li{margin:0px; padding:14px 0 14px 16px; list-style:none; width:100%; background:url(../../images/design2/list-arrow.png) 7px 21px no-repeat; float:left; font-size:16px; font-family:"Open Sans";}
.how_it_text3 ul li a{color:#fff; text-decoration:none;}

.freetryal_box_wrap{padding: 0 10px 10px 10px; clear:both; text-align:center;}
.clr{ clear:both;}
.freetryal_box{
	border:1px solid #d9d9d9;
	-webkit-border-radius: 10px;
	-moz-border-radius:10px;
	border-radius:10px;
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:2px 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:2px 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
	float:none!important;
	display:inline-block;
	margin: 4% 0;
	background:#339933;
}

.freetryal_box .title { padding:5px; }
.freetryal_box > div > span{color:#600078; font-size: 24px;color:#fff;}
.freetryal_box p.regtxt { text-align:left; }
.freetryal_box p{ margin-top:0px; color:#fff;}
.regtxt{ padding:5px 25px; }
.input-append .add-on, .input-prepend .add-on{ min-width:40px; font-size:18px; padding:10px;}

.freetryal_box form{ padding:10px 10px 10px 10px; background:url(../../images/design2/formbg.png) repeat-x  right 204px;}
.freetryal_box form input.imgbtn{ padding:0px; margin:0px; width:auto; height:auto; margin-top:10px;}
.freetryal_box form input[type="checkbox"]{width:auto !important;}

.freetryal_box form input{ font-size:18px; padding:10px; width:260px; margin:10px 0; }
.freetryal_box form .input-append .chkbx{ width:auto; vertical-align:middle; margin:0; padding:0;}
.freetryal_box form .input-append input{ width:175px;}
.freetryal_box form .add-on{ margin-top:10px;}

.feed_livch{ position: fixed ;  bottom:10%; z-index:999;}
/*
.feed_livch a.feedback{ float:left; clear: both; display:block; margin:10px 0; background:url(../../images/design2/icon_feeback.png) left top no-repeat; height:121px; width:28px; text-indent:-1000px;}
.feed_livch a.feedback:hover{background:url(../../images/design2/fb-hover.png) left top no-repeat; width:38px;}
*/
.feed_livch a {
	-webkit-transition: width 0.2s ease-in-out;
	-moz-transition: width 0.2s ease-in-out;
	-o-transition: width 0.2s ease-in-out;
	transition: width 0.2s ease-in-out;
}

.feed_livch a.feedback {
	float:left; 
	clear: both; 
	display:block; 
	margin:10px 0; 
	background:url(../../images/design2/contactus-hover.png) right 0 no-repeat #2685AB; 
	height:121px; 
	width:31px; 
	text-indent:-1000px;
}

.feed_livch a.feedback:hover {
	width:38px;
}

.feed_livch .chat-buttons {
	float:left; 
	clear:both; 
	display:block;  
	margin:0px 0;
	position:relative; 
	height:155px; 
}

.feed_livch a.lvechat {
	background:url(../../images/design2/live-chat-hover.png) right 0 no-repeat #45A63F;
	height:147px; 
	width:28px; 
	text-indent:-1000px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.feed_livch a.lvechat:hover {
	width:38px;
}

.chat-invitation {
	width:350px;
	z-index:0;
	background:url(../../images/design2/live-chat-hover.png) right 0 no-repeat #45A63F;
	height:135px; 
	float:left; 
	clear:both;
	text-align:center;
	font-size:14px;
	padding:6px;
	color:#fff;
	line-height:1.5;
	position:absolute;
	top:0;
	left:-330px;
	text-shadow:1px 1px 1px #000;
	position:relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.chat-invitation a.transparent-button {
	width:40px;
	height:135px;
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
}

.chat-invitation-show {
	aleft:0;
	az-index:2;
	box-shadow:0 0 20px rgba(0,0,0,0.4);
}

.chat-invitation b {
	margin-bottom:10px;	
	display:inline-block;
}

.chat-invitation .btn {
	margin-top:10px;
}

.flink a{ color:#a8a8a8;}
.flink { color:#ffffff; text-align:left  }
.flink  ul{ list-style:none}
.flink  ul li{ list-style:none; margin:10px 0; font-size:14px;}
.flink  h3{ font-size:20px; line-height:24px; margin-top:40px;}
.frow{ text-align: center;}
.flink1{ text-align:center; font-size:12px; font-weight:normal;  text-transform:uppercase; color:#666; padding:10px 0; }

.seo-text p { font-size: 16px; text-align: justify; width: 100%; margin:25px auto;}

.flink1 a{ color:#7b7b7b; margin:10px; font-size:11px;  }
.copyright{ text-align:center}
.copyright p{ margin:0px!important; padding:0px!important; font-size:10px;}
/*.home_bg{ background: url(../../images/design2/slider-bg.png) repeat-x left top; background-size:cover   }*/
.homeimag{   }
.homeimag p, .homeimag h1{ text-align:center; color:#FFF; margin:0px; padding:0px;}
.homeimag p{ line-height:30px;}
.homeimag h1{ font-size:70px;}
.upercasetrxt{ text-transform:uppercase;}

.realm-heading{ height:900px;}
.imghome{ margin-top:50px; text-align: center;}
.tpbtn{ text-align:right;  padding: 20px 10px 50px;}
.tpbtn a img{ margin:5px;}

ul.icoonmob  a.headText img{ float:left; margin-right:10px; }
ul.icoonmob  a.headText {line-height:30px;}

.demo-request-form {
	width:49%;
	float:left;
}

.demo-request-text {
	width:49%;
	float:left;
}

@media (max-width: 480px) {

	ul.icoonmob  a.headText { font-size: 16px; float:left; margin:10px 0; line-height:1.2; }
	ul.icoonmob  a.headText img{ float:left; margin-right:2%; margin-top:-10px;}
	.contact-social-link{  margin-top:10px;}

	.support1234 ul li{margin:10px 0px!important; padding:0px 0px 35px 0px; float:left; list-style:none; background:url(../../images/design2/seprator.png) left top no-repeat; font-family:"Open Sans"; font-size:
						   30px; font-weight:bold; text-transform:uppercase; padding-top:5px;}
	.howworks{ }

	.howworks .row-fluid .span5{ width:90%}
	.howworks1{ width:96%!important;}
	.intermediate-page h1 { font-size:32px;}

}



@media (min-width:600px) and (max-width: 1280px) {

	ul.icoonmob  a.headText { font-size: 16px; float:left; margin:10px 0; line-height:1.2; }
	ul.icoonmob  a.headText img{ float:left; margin-right:2%; margin-top:-10px;}
	.support1234 ul li{margin:10px 0px!important; padding:0px 0px 35px 0px; float:left; list-style:none; background:url(../../images/design2/seprator.png) left top no-repeat; font-family:"Open Sans"; font-size:
						   30px; font-weight:bold; text-transform:uppercase; padding-top:5px;}

}

@media (min-width:768px) and (max-width: 960px) {

	ul.icoonmob  a.headText { font-size: 16px; float:left; margin:10px 0; line-height:1.2; }
	ul.icoonmob  a.headText img{ float:left; margin-right:2%; margin-top:-10px;}

}


.contact-form{float:left; padding:0px 0px 20px 0px; width:100%;}
.contact-form_input{width:92%; background:#dfdfdf !important; height:24px !important; border:solid 1px #FFFFFF !important;}
.contact-form_select{width:94%; background:#dfdfdf !important; height:33px !important; border:solid 1px #FFFFFF !important;}
.contact-form_textarea{width:92%; background:#dfdfdf !important; height:80px !important; border:solid 1px #FFFFFF !important;}
.contact-form_button{width:92%; background:#600078 !important; border:0px!important; border-radius:5px; padding:0x 10px; margin:0px;     text-transform: uppercase;}
.company_address{float:left; padding:0px 0px 50px 0px;}
.company_address img{margin:30px 0px 0px 0px;}
.company_address h3{margin:0px; padding:10px 0px 0px 0px; line-height:22px; color:#1B1B1B; font-size:18px; font-family:"Open Sans";}
.company_address p{margin:0px; padding:0px; font-size:12px; font-family:"Open Sans";}

.about_step span{text-align:center; width:100%; display:table;}
.about_step h3 {
  text-align: center;
  width: 100%;
  display: table;
  font-family: "Open Sans";
  font-size: 20px;
  color: #2f2f2f;
  padding: 10px 0;
  line-height: 1.5;
  white-space: nowrap;
}

.about_step .span4 {
	margin-top:20px !important;
}

.about_step p{text-align:center; width:100%; display:table; font-family:"Open Sans"; font-size:14px; color:#9f9f9f;}
.about_step img { width:95%;}

/*updated css by pd*/
.contact-form label{ font-size:16px;  margin-top: 5px;}

.img_prv1{ width:100%;}

.company_address p.imgprevwrap { width:100%}

.company_address h3{ line-height:150%; padding: 15px 0 2px;}

.about_step{ margin-bottom:50px;}

.company_address p{ width:100%}
.company_address p{ font-size:16px;}

.abouusp p{ width:100%; text-align:justify;}
#accordion2{ margin-top:40px;}
.tutorials {    border: 1px solid #e8e8e8;  background:#fff;   clear: both;    float: left;    text-align: center; padding: 2% 0;}
.tutorials div{   display: inline-block;  vertical-align: top; }
.tutorials div img{ width:200px; }
.tutorials div a{ display: inline-block; float:left;       text-align: center;    width: 200px; margin:10px 25px;}
.tutorials div a img{ width:200px; border:1px solid #999; margin-bottom:10px; }

.faqp p{  text-align: center}


/*design page design page pd*/
.designpage{ padding-top:50px;   padding-bottom: 30px;}

.designpage h1 {    display: block;    float: left;      width: 100%;}
.designpage .faqp{ width:100%;}
.designpage .faqp p{ width:100%; margin:0px;}
.btndesignselect{ text-align:center; margin-bottom:0px; width:100%; float:left; margin-top:50px;}

.steptabwrap{width: 98%; background:#600078;  font-size: 18px; padding:1%; border-radius: 10px ; margin-bottom:20px;}
.steptabwrap .nav-tabs{ border:none;}
.steptabwrap .nav{ background:none;}
.steps{ width: 100%;}
.steptabwrap .nav-tabs > li{ margin: 0 15px;}

.steptabwrap .nav-tabs > li > a { border-radius: 20px ;  padding-right: 28px; }
.steptabwrap li a{ color:#FFF;}
.steptabwrap .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    border-color: #EEEEEE #EEEEEE #DDDDDD;
    color: #000000;
}

/*testimonial page design page pd*/
.testip{}



.testistart {
	margin-left: 0;  width:100%;
}

/*
.testimonial:after {
    border-color: #EBEBEB rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 20px 20px 0 0;
    bottom: -20px;
    content: "";
    display: block;
    left: 30px;
    position: absolute;
    width: 0;
    z-index: 2;
}
*/

.MB50{ margin-bottom:50px;}
.testimonial {
    /*background:#FAFAFA;*/
    /*border: 1px solid #EEEEEE;*/
    color: #666666;
    font-size: 18px;
    font-style: italic;
    line-height: 2em;
    margin: 0;/*0 0 65px;*/
    padding: 25px 35px;
    position: relative;
    z-index: 1;
}
.page-testimonial .testimonial {
    background:#FAFAFA url(../../images/design2/testimonials.png) right bottom no-repeat;
}
.testimonial .test-author {
    bottom: -50px;
    color: #888888;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    left: 0;
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    z-index: 2;
}

.checkoutform{ line-height:24px;}
.checkoutform ul, .checkoutform li{ list-style:none; padding:0px; margin:0px}
.checkoutform li { padding:5px 0;}
.checkoutform label{ display: inline;   margin: 0px;}


.checkoutform p{ margin:15px 0;}
.checkoutform input[type="radio"] {
    margin: 0px;
    width: auto;
	vertical-align:text-top;
}
.ordersummery{  margin-top:0px; width:100%;}
.ordersummery h3{
	padding: 15px 10px;
	background: #999;
	line-height: 0.8;
	color: #FFF;
}
.tblordersummery{ width:100%; border:1px solid  #CCC}
.tblordersummery th,.tblordersummery td{ padding:12px 20px;  border-bottom:1px solid  #CCC;}
.tblordersummery th{ width:150px; text-align:left;}
.chkp p{ width:100%; margin-bottom:0px;}


.slctcatwrap{}
.slctcatdiv{}

.contact-form_select1{background:#dfdfdf !important; height:33px !important; border:solid 1px #FFFFFF !important;}


.practiceMenu {
	box-sizing:border-box;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);
	background: none repeat scroll 0 0 #000000;
	border-radius: 9px;
	color: #FFFFFF;
	font-size: 16px;
	left:0px;
	font-weight:bold;
	padding: 13px 10px;
	float:left;
	width:20%;
	margin-top:-2px;
	min-width:27%;
}

/*updatedcss-pd*/
p.termp{margin-bottom:15px;color:#555;}
.phnomberhome{ color: #FFFFFF ; margin-left:50px; display:inline-block; font-size: 1.5em;  font-family: Open Sans; margin-top:20px; position:absolute; top:0px;  color: #DDDDDD;}

.imghome{ position:relative;}
.btnstartnow{  margin-right: 228px;
			   position:absolute; z-index:10000; right:0px;
			   text-align: right;   bottom: 100px; }


.domainfrm legend{ font-size:28px; font-weight:bold;}

.checkoutform p.chkp{   font-size: 20px;    line-height: 30px;}
.contact-form label.chkp{font-size: 20px;}
.htpdiv{ font-size:20px;}

.htpdiv input { font-size: 20px; height:auto; width: 60%; }
.htpdiv select { font-size: 20px; height:auto; width: 85px; }

/*=================================== seo marketing ==================================*/

.marketing_page{background: url(images/marketing-banner.jpg)  center top;}
.marketing_page h1{color:#FFFFFF;}
.marketing_page h2{color:#FFFFFF; text-align:center;}
.marketing_page p{color:#FFFFFF; text-align:center; margin:20px auto 25px}
.marketing_page ul{margin:0px auto; padding:0px; width:85%; text-align:center;}
.marketing_page ul li{margin:0px; padding:0px 20px 0px 29px; font-weight:bold; display:inline-block; list-style:none; font-size:14px; color:#FFFFFF; background:url(../../images/design2/check.png) left top no-repeat;}

.marketing_page .intermediate-page{padding:40px 0 50px}

.marketing_video{background:#fff;}
.marketing_video p{color:#0000; text-align:center; margin:0px auto 25px; width:80%;}
.marketing_video .intermediate-page{padding:40px 0 50px}

.pricing_page{background:#FBFBFB; padding:50px 0px 0px 0px;}
.pricing_page p{color:#767676; text-align:center; margin:20px auto 25px}
.pricing_page h2{color:#000; text-align:center; margin:20px auto 25px;}
.pricing_page h3{color:#363636; text-align:center; margin:20px auto 25px; width:70%;}

.pricing_page #pricePlans #plans .plan{width:24%;}


.pricing_page_line{background:url(../../images/design2/divider_big.png) center top no-repeat; height:114px; float:left; width:100%;}

ul.pricing_page1{margin:0px auto; padding:0px; width:85%; text-align:center;}
ul.pricing_page1 li{margin:0px; padding:0px 20px 0px 29px; font-weight:bold; display:inline-block; list-style:none; font-size:14px; color:#000;
					background:url(../../images/design2/check.png) left top no-repeat;}
.btncheckout{ float:right;}
/*.preview_website .rg-view a.rg-view-full, .preview_website .rg-view a.rg-view-selected{ float:right;}*/
.rg-view a{ margin:10px 2px;}
.tblordersummery tr.ordertotal th, .tblordersummery tr.ordertotal td{ border-top: 5px solid #CCCCCC; background:#ececec; font-size:120%}
.intermediate-page p.margint{ margin-top:10px !important; margin-bottom:3%;}
p.about_txt{ text-align:center; line-height:32px;}


.carousel-inner{ text-align:center;}
.carousel-inner .item{text-align:center;}
.carousel-inner  .carousel-data{text-align:center;}
.carousel-inner  .carousel-data img { margin:0 auto;}
.proceedtocheckout { margin-right:-10%; margin-bottom:10px;}

.carousel-inner{ 
	background:#FAFAFA;
}

.casfix{width:74%; float:right; z-index:99}
.drpspan{ display:block; clear:both;}

/*-------------5-13-2014---------*/
.steps i{ display:none; }
.steptabwrap li a{ font-size:14px; }
.steptabwrap .nav-tabs > li{ margin:0px;}


.practiceMenu select{ width:100% !important;}
.nav > li > a:hover { background:none;   border: 1px solid rgba(0, 0, 0, 0)!important;  color: #FFFFFF!important; cursor:default;}
.nav-tabs > .active > a:hover {color: #000!important;}
.prsmtxt{ font-size:12px;}
.red{ color:#FF0004;}
.previewwebsitebtn{ margin-bottom:10px;   float: right;}

.frmerror{  color: #FF0004;    display: inline-block;    float: right;    font-size: 12px;    margin-right: 6%;    text-align: center;}

/*-----------------------responsive-------------------*/
.buttons a,
.buttons2 {
	background: none repeat scroll 0 0 #3da33f;
	border: 1px solid #086e0a;
	color: #fff;
	font-family:"Open Sans";
	display: inline-block;
	margin: 1.5em 0 1.8em;
	padding: 7px;
	text-decoration: none;
	border-radius:4px;
	text-transform:uppercase;
}
.blue { background:#600078; padding:10px;}


@media (min-width: 768px) and (max-width:1200px) {

	.freetryal_box form input{ width:225px}
	.freetryal_box form .input-append input{ width: 142px}
	p.termp { font-size:12px;}
	.top_social {margin: 80px 0 0;   padding: 0 ; }
	.homeimag h1{ font-size:48px;}
	.btnstartnow {  margin-top: -50px;}
	.phnomberhome {    font-size:1.6em;    margin-left: 15px;}
	.tpbtn a img{ margin:0px;}
	.rg-view{ display:none;}
	.rg-thumbs { width:70%;}
	.tpbtn {     width: 300px;}
	.top_social{ margin:0!important; padding: 40px 10px 0!important;}
}

@media (min-width: 768px) {
	.es-carousel-wrapper { width: 69% !important;}
	.practiceMenu{ margin:0; }
	.practiceMenu select { margin-bottom:0; }
}

@media (min-width:981px) and (max-width:1200px) {
	.intermediate-page .container{ width:auto;}
	.intermediate-page h1{ margin-left: 0px;}
	.intermediate-page p { width: 100%;}
	.container{ width:96%;}
}

@media (min-width:981px) and (max-width:1279px){
	.practiceMenu{   left: 0px!important;  }
	.practiceMenu{  width: 20%!important; }

}

@media (min-width:980px) and (max-width:1280px) {

	.tpbtn{ width:300px;}
	.btnstartnow{ bottom: 0; right: 0;	 margin-right: 43px;	}
	.steptabwrap .nav-tabs > li > a {
		border-radius: 15px;
		padding-left: 5px;
		padding-right: 12px;
	}
	.practiceMenu{/*width: 15%;*/ font-size:12px;}
	.rg-image-wrapper{ /*width: 94%;*/}
}



@media (min-width:768px) and (max-width:800px) {
	.phnomberhome{ left: 70px;}
	.btnstartnow{ bottom: 45px; margin-right: 75px;}
	.steptabwrap li a { font-size:13px; padding:2px 10px 2px 5px !important;}
	.container-fluid {padding-left:0;}

}


@media (min-width: 768px) and (max-width:1500px) {
	.steptabwrap li a{ font-size:14px;     padding-right:0px;}
	.steptabwrap .nav-tabs > li > a { padding-right:4px;  padding-left:1px;}
	.tblordersummery img { width:90%;}
}

@media (max-width: 767px) {
	.homeimag h1 { font-size:28px!important;    line-height: 46px;}
	.btnstartnow {    margin-right:0px;    position: static;    text-align: center;}
	.btnstartnow img{ width:40%;}

	.phnomberhome{font-size:1.5em;     right: 20px;}
	.tpbtn{ top: 40px!important;}
	.top_social {    margin: 33px 0 0; padding: 5px 10px 0!important;}
	.imghome{  margin-top:20px;}
	.homeimag {    margin-top: 120px;}

	.steptabwrap li a { font-size:12px;    padding:2px 6px 2px 0!important;    }

	.practiceMenu{ width:100%; padding: 3px 10px;}
	.rg-thumbs { width:100%; margin-top:5px;}
	.about_step img { width:auto;}
	.practiceMenu select{ /* margin-left: 3%; margin-top: 1%; width: 65% !important; */ }
	.border1 ul li { text-align:center;}
	.how_it_text1,
	.how_it_text2,
	.how_it_text3 { width:100%;}
}




@media (max-width: 480px) {

	.steptabwrap .nav-tabs > li{ clear:both; }
	.page-bg-img{ background:#fff; padding-bottom:0;}
}

#carousel-example-generic {
	width: 85%;
}
@media (max-width: 1200px) {
	#carousel-example-generic {
		width:90%;
	}
}

.freetryal_box h2 img {
	height: 40px;
	margin-top: -5px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.main-buttons img {
	height: 39px;
}

.purple {
	color:#600078;
}

[aria-hidden=true] {visibility: hidden; display:none; }

#nav.opened {
	max-height:auto;
	/*height:9999px;*/
	height:100%;
}

#mobile-header {
  height: 100%;
	-webkit-overflow-scrolling: touch;
}

#nav ul {
  width: 120%;
  height: 100%;
  overflow-y:scroll;/*
	overflow: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
*/
	-webkit-overflow-scrolling: touch;
}

#nav ul * {
	-webkit-overflow-scrolling: touch;
}

#nav {
	-webkit-overflow-scrolling: touch;
  -webkit-transition: margin-left 100ms; /* For Safari 3.1 to 6.0 */
  transition: margin-left 100ms;
  margin-left:-50%;
  background:#2b3034;
}

.closed #nav ul {
  display:none;
}

#nav-toggle {
	position:relative;
	box-shadow: 0 0 20px #2b3034;
}

#nav.opened {
	margin-left:0;
	box-shadow: 0 0 20px #2b3034;
	z-index:1;
}

.trial-block {
	display:inline-block;
	width:32%;
	overflow:hidden;
	text-align:center;
	line-height:0.7;
	font-size:14px;
}

.trial-blocks-holder {
	width:100%;
	text-align:center;
	margin-bottom:20px;
}

#free-trial-message .some-info {
	padding:5%;
	text-align:justify;
}

.free-trial-navigation {
	background:#000;
	display:inline-block;
	width:100%;
}

.free-trial-navigation a {
	color:#fff;
}

.free-trial-navigation ul li {
	float:left;
	display:inline-block;
	padding:1%;
}

.steptabtrial {
	background:#000;
}

.hand {
	cursor:hand;
	cursor:pointer;
}

.error_list li {
	color:#e00;
	list-style:none;
	background:url('/images/error_red.png') no-repeat left top;
	padding-left:25px;
}

.error, .error p {
	color:#e00;
}

.error li {
	color:#e00;
	list-style:none;
	background:url('/images/error_red.png') no-repeat left center;
	padding-left:25px;
}

#checkout_cc_expiration_date_month {
	width:43%;
}

#checkout_cc_expiration_date_year {
	width:52%;
}

.steptabpaid {
	font-family: "Arial";
}

.steptabpaid li a {
	font-size: 14px;
}

.rg-thumbs {
	float:right;
	width:73%;
}

@media (max-width: 767px) {
	.rg-thumbs { width:100%; }
}

.website-preview .rg-thumbs {
	width:100%;
}

.website-preview .es-carousel-wrapper {
	width:100% !important;
}

@media (max-width: 420px) {
	.container {
	  padding: 10px !important;
	  margin: 0px !important;
	  width: 100%;
	  box-sizing: border-box;
	}
}

.requestdemo-form ul,
.requestdemo-form li {
	list-style:none;
	margin:0;
	padding:0;
}

.requestdemo-form ul.error li {
	padding-left:20px;
}

.requestdemo-form input[type=text],
.requestdemo-form input[type=email],
.requestdemo-form input[type=tel] {
	width: 92%;
	background: #dfdfdf !important;
	height: 24px !important;
	border: solid 1px #FFFFFF !important;
}

.requestdemo-form select {
	width: 96%;
	background: #dfdfdf !important;
	border: solid 1px #FFFFFF !important;
}

.img-logo {
	max-width:80%;
}

.trust-area {
	position:absolute;
	bottom:20%;
	right:40px;
}

/* fix items for bootsrap 2.0 */
.bs2 .domain-dot {
	width:1%;
}

.bs2 .register-block .domain-title {
	width:68%;
}

.bs2 .register-block .domain-extension {
	width:25%;
}

.bs2 .existing-block .domain-title {
  width: 100%;
  box-sizing: border-box;
  height: 30px;
}

label.bs3 {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

.disabled {
	opacity:0.7;
	background:#f1f1f1;
}

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  visibility:visible;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}

/* custom checkbox */

input.custom[type=radio] {
  display: none;
}

input.custom[type=radio] + label {
  background: #efefef;
  height: 20px;
  width: 20px;
  display: block;
  border-radius: 50%;
  position: relative;
  transition: all 0.4s;
  border: 2px solid #ddd;
  box-shadow: 0 0 1px #FFF; /* Soften the jagged edge */
  line-height:1.2;

  border:0;
  abackground:none;
}

input.custom[type=radio] + label:hover,
input.custom[type=radio]:checked + label {
  border: solid 2px #aaa;
  box-shadow: 0 0 1px #fff; /* Soften the jagged edge */

  border:0;
  background:none;
}

input.custom[type=radio]:checked + label:after {
  font-family: 'Glyphicons Halflings';
  content: '\e013'; /*content is required, though it can be empty - content: '';*/
  display: block;
  height: 1em;
  width: 1em;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #777;
  text-shadow:1px 1px 1px #fff;
  color:#0a0;
}


::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}

.ghost {
	width:1px;
	height:1px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	position:fixed;
	top:-100px;
	left:-100px;
}

.cursor {
	cursor:default !important;
}

.modal-body{
	-webkit-overflow-scrolling: touch;
}

/* change bootstrap default label style, we don't need it to be 100% wide */
label {
	display: inline-block;
	margin-bottom: 5px;
}

.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;          
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

.fax-row input {
	display:block;
}