/*--
Author: W3layouts
Author URL: http://tdblayouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/*--- reset code ---*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

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

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* start editing from here */

a {
    text-decoration: none;
}

.text-tdblayouts-rt {
    text-align: right;
}


/* text align right */

.text-tdblayouts-lt {
    text-align: left;
}


/* text align left */

.text-tdblayouts-center {
    text-align: center;
}


/* text align center */

.float-rt {
    float: right;
}


/* float right */

.float-lt {
    float: left;
}


/* float left */

.clear {
    clear: both;
}


/* clear float */

.pos-relative {
    position: relative;
}


/* Position Relative */

.pos-absolute {
    position: absolute;
}


/* Position Absolute */

.vertical-base {
    vertical-align: baseline;
}


/* vertical align baseline */

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


/* vertical align top */

nav.vertical ul li {
    display: block;
}


/* vertical menu */

nav.horizontal ul li {
    display: inline-block;
}


/* horizontal menu */

img {
    max-width: 100%;
}


/*--- end reset code ---

body {
    font-family: 'Work Sans', sans-serif;
    background: url(../images/blast2.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
*/
body {
    font-family: 'Times New Roman', serif;
    /*background: url(../images/blast2.png) no-repeat center;*/
	
    background-image:url(http://tdb.ae/images/blast2.png); no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
p {
    font-size: 1em;
    line-height: 1.5;
}

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


/* Header */

a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}

.w3ls-container {
    max-width: 840px;
    padding: 9vw 5vw 0;
    margin: 0 auto;
}
.logo h1 {
    padding-top: 1.0em;
}

.logo h1{
    color: #fff;
    display: inline-block;
    font-size: 2.8em;
    font-family: 'Work Sans', sans-serif;
    /*text-transform: capitalize;*/
    font-weight: 600;
    letter-spacing: 1px;
}

.left-grid {
    border-right: 1px solid #fff;
}

h2.text-tdblayouts {
    font-size: 3.5em;
    color: #fff;
/*    text-transform: uppercase;*/
    font-weight: 300;
    word-spacing: 4px;
    letter-spacing: 1px;
    margin: 0 0 0;
    text-align: left;
}
span.text-tdblayouts {
    color: #fff;
    font-size: 2.5em;
    /*text-transform: uppercase;*/
    font-weight: 600;
}

span.bar:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    width: 30%;
    background: #fff;
    height: 10px;
    border-radius: 0 10px 10px 0;
}

.sub-form input[type="email"] {
    padding: 0.8em;
    border: solid 1px #dbd8d1;
    width: 77%;
    margin-right: 10px;
    font-size: 1em;
    color: #fff;
    outline: none;
    display: inline-block;
    background: transparent;
    font-family: 'Work Sans', sans-serif;
}

.sub-form button {
    color: #ffdc39;
    padding: 0.89em;
    width: 12%;
    font-size: 1em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
     background: transparent;
    border: solid 1px #ffffff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.sub-form button:hover {
    color: #000;
    background: #ffdc39;
	 border: solid 1px #ffdc39;
}
.sub-form button:focus {
    outline: none;
}
p.phone span.fa {
    padding-right: 10px;
    color: #ffdc39;
}
.sub-form {
    margin-bottom: 1.5em;
}
.footer-grids p {
    color: #bbbbbb;
    line-height: 28px;
    font-size: 15px;
    letter-spacing: .7px;
}
.footer-grids a {
    padding: 0;
}
.footer-grids a {
    color: #ffdc39;
}
.footer-grids a:hover {
    color: #fff;
}
.footer-grids p.phone {
    /*text-transform: capitalize;*/
}
.w3ls-container p {
    color: #fff;
    font-size: 1em;
    margin: 12px 0;
    /*text-transform: capitalize;*/
    text-align: left;
}
.right-grid {
    padding-left: 50px;
}
.footer p {
    text-align: center;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
}

.footer p a {
    color: #fff;
}

.footer p a:hover {
    color: #12b776;
}
/*-- social-icons --*/
.agileinfo-social-grids {
    margin: 1em 0;
    flex-basis: 100%;
    text-align: left;
}
.agileinfo-social-grids ul{
	padding:0;
	margin:0;
}
.agileinfo-social-grids ul li{
    display: inline-block;
}
.agileinfo-social-grids ul li a {
    color: #ffffff;
    text-align: center;
    font-size: 16px;
}
.agileinfo-social-grids ul li a span.fa{
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agileinfo-social-grids ul li a span.fa.fa-facebook:hover {
    color: #3b5998;
}
.agileinfo-social-grids ul li a span.fa.fa-twitter{
	margin:0 1em;
}
.agileinfo-social-grids ul li a span.fa.fa-twitter:hover{
	color: #55acee;
}
.agileinfo-social-grids ul li a span.fa.fa-rss{
	margin:0 1em 0 0;
}
.agileinfo-social-grids ul li a span.fa.fa-rss:hover{
	color: #f26522;
}
.agileinfo-social-grids ul li a span.fa.fa-vk:hover{
	color: #45668e;
}

/*-- //social icons --*/

@media screen and (max-width: 1440px) {
    h2.text-tdblayouts {
        font-size: 3.8em;
    }
    .footer p {
        padding-bottom: 2em;
    }
}

@media screen and (max-width: 1080px) {
    .w3ls-container  {
        width: 95%;
    }
    h2.text-tdblayouts {
        font-size: 3.6em;
    }

}
@media screen and (max-width: 1024px) {
    h2.text-tdblayouts {
        font-size: 3.4em;
    }
}

@media screen and (max-width: 991px) {
    h2.text-tdblayouts {
        font-size: 3.2em;
    }
    .logo h1 span {
        font-size: 1em;
        width: 75px;
        line-height: 1.7;
        height: 75px;
    }
    span.text-tdblayouts {
        font-size: 2.2em;
    }
}

@media screen and (max-width: 900px) {
    .w3ls-container  {
        width: 98%;
    }
    .sub-form button {
        width: 16%;
    }
    h2.text-tdblayouts {
        font-size: 3.2em;
    }
}
@media screen and (min-width: 801px) {

.w3l-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 2em;
}

.left-grid,
.right-grid {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
}

@media screen and (max-width: 800px) {
    h2.text-tdblayouts {
        font-size: 3em;
    }
    .w3ls-container  {
        width: 72%;
        margin: 0em 0em 1em 1em;
    }
   .left-grid {
        border-bottom: 1px solid #fff;
        border-right: none;
        padding-bottom: 2em;
    }
	    .sub-form input[type="email"] {
    width: 76%;
	}
.w3ls-container {
    padding: 4vw 5vw 0;
}
 .right-grid {
    padding-left: 0;
    padding-top: 20px;
}
}
@media screen and (max-width: 768px) {
    h2.text-tdblayouts {
        font-size: 2em;
    }
}
@media screen and (max-width: 736px) {
.sub-form input[type="email"] {
    width: 75%;
}
}
@media screen and (max-width: 667px) {
    .w3ls-container  {
        width: 78%;
    }
	.logo h1 {
    font-size: 2.5em;
	}
}

@media screen and (max-width: 640px) {
    .logo h1 span {
        font-size: 0.95em;
        width: 65px;
        line-height: 1.6;
        height: 65px;
    }
}

@media screen and (max-width: 600px) {
	.sub-form input[type="email"] {
    width: 74%;
}
.footer p {
    font-size: 14px;
    line-height: 1.8em;
}
}
}

@media screen and (max-width: 568px) {
    .social_list li {
        margin-left: 0.8em;
    }
    .w3ls-container  p {
        font-size: 1em;
    }
	.sub-form input[type="email"] {
    width: 73%;
}
}

@media screen and (max-width: 480px) {
    .w3ls-container  {
        width: 88%;
    }
    .sub-form input[type="email"] {
        width:70%;
    }
    .footer p {
        padding: 0 2em 2em;
        line-height: 1.7;
    }
    span.text-tdblayouts {
        font-size: 2em;
    }
	.logo h1 {
    font-size: 2em;
}
h2.text-tdblayouts {
    font-size: 1.6em;
}
}
@media screen and (max-width: 440px) {
.sub-form input[type="email"] {
    width: 70%;
}
}
@media screen and (max-width: 414px) {
    .w3ls-container  {
        width: 88%;
    }
    span.bar {
        width: 70%;
    }
    .sub-form input[type="email"] {
        width: 70%;
    }
    ul.social_list {
        margin: 2em 0;
    }
   span.text-tdblayouts {
        font-size: 1.85em;
    }
    .logo h1 a {
        font-size: 2.5em;
    }
    .logo h1 span {
        width: 60px;
        height: 60px;
    }
}

@media screen and (max-width: 384px) {
    h2.text-tdblayouts {
        font-size: 1.5em;
    }
   .sub-form input[type="email"] {
        margin-right: 5px;
    }
    .w3ls-container  p {
        font-size: 1em;
    }
    span.text-tdblayouts {
        font-size: 1.6em;
    }
	.logo h1 {
    font-size: 1.8em;
}
}

@media screen and (max-width: 375px) {
    .logo h1 span {
        font-size: 0.85em;
        width: 60px;
        line-height: 1.6;
        height: 60px;
    }
    h2.text-tdblayouts {
        font-size: 1.6em;
    }
   
}

@media screen and (max-width: 320px) {
    .logo h1 a {
        font-size: 2.3em;
    }
    span.text-tdblayouts {
        font-size: 1.3em;
    }
    h2.text-tdblayouts {
        font-size: 1.2em;
    }
    span.bar {
        width: 75%;
    }
    .sub-form input[type="email"] {
        width: 63%;
    }
    .sub-form button {
        width: 18%;
    }
    .w3ls-container  {
        margin: 1em auto 2em;
    }
	.logo h1 {
    font-size: 1.5em;
}
.left-grid {
    padding-bottom: 1em;
}
}