/** Template Name: Triangles* Template Description: Responsive Coming Soon Template* Version: 1.0* Author: DoctorPixel*//* ====== Import Google Fonts ====== */@import url(http://fonts.googleapis.com/css?family=Inika:400,700|Open+Sans:400,600);/* ====== Import Font Awesome 4.0.3 Styles ====== */@import url('font-awesome.min.css');/* ====== Reset ====== */*,*:before,*:after {  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;}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, center,dl, dt, dd, ol, ul, 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: inherit;    vertical-align: baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {    display: block;}audio,canvas,video {    display: inline-block;}audio:not([controls]) {    display: none;    height: 0;}[hidden] {    display: none;}html,button,input,select,textarea {    color: #222;}html {    font-size: 100%;    -ms-text-size-adjust: 100%;    -webkit-text-size-adjust: 100%;    text-rendering: optimizeLegibility;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}body {    font-family: 'Open Sans', sans-serif;    font-size: 16px;    line-height: 1.5;}::-moz-selection {    text-shadow: none;}::selection {    text-shadow: none;}hr {    display: block;    height: 1px;    border: 0;    border-top: 1px solid #ccc;    margin: 1em 0;    padding: 0;}img {    vertical-align: middle;    max-width: 100%;}textarea {    resize: vertical;}b,strong {    font-weight: bold;}p,pre,dl,ol,ul {    margin: 20px 0;}dd {    margin-left: 40px;}ol,ul {    padding-left: 40px;}q,blockquote {    quotes: none;    margin: 20px 40px;}blockquote:before, blockquote:after,q:before, q:after {    content: '';    content: none;}table {    border-collapse: collapse;    border-spacing: 0;}code,kbd,pre,samp {    font-family: monospace, serif;}pre {    white-space: pre;    white-space: pre-wrap;    word-wrap: break-word;}small {    font-size: 80%;}a {    text-decoration: none;    color: #444;}a:hover {    color: #000;}a,a:focus,a:active,a:hover {    outline: 0;}/* ====== Headings ====== */h1,h2,h3,h4,h5,h6 {    margin-bottom: 20px;    font-family: 'Inika', sans-serif;    font-weight: 700;    text-transform: uppercase;}h1 {    font-size: 30px;}h2 {    font-size: 24px;	text-transform: none;}h3 {    font-size: 22px;}h4 {    font-size: 20px;}h5 {    font-size: 18px;}h6 {    font-size: 16px;}h1#logo {	margin-top: 30px;	margin-bottom: 50px;}.pink {	color: #ff0e74;}.yellow {	color: #ffee22;}.blue {	color: #0db8ff;}/* ====== Main Container ====== */.wrapper {    position: relative;    padding: 40px 0;    text-align: center;    overflow: hidden;}body.ext .wrapper {    margin-top: 90%;}body.pattern {	background-image: url(../img/pattern.png);}/* ====== Main Menu ====== */#nav-menu {   margin-top: 40px;   margin-bottom: 20px;   background: rgba(255, 255, 255, 0.3);}#nav-menu ul {    margin: 0;    padding: 0;    list-style: none;    list-style-image: none;}#nav-menu ul li {    display: inline-block;    margin: 20px;}#nav-menu ul li i {	font-size: 25px;	margin-right: 7px;	-webkit-transform-delay: 0.25s;    -moz-transform-delay: 0.25s;    -ms-transform-delay: 0.25s;    transition-delay: 0.25s;	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	-ms-transform: all 0.5s;	transition: all 0.5s;}#nav-menu ul li:hover i {	-webkit-transform: rotateY(180deg);    -moz-transform: rotateY(180deg);    -ms-transform: rotateY(180deg);    transform: rotateY(180deg); }#nav-menu ul li a {    position: relative;    display: block;    font-family: 'Inika', sans-serif;    font-size: 22px;    font-weight: 700;    letter-spacing: 1px;    color: #fff;}#nav-menu ul li a.open-ext {    cursor: default;}#toggle-menu {    display: none;}/* ====== Social Links ====== */ul#social-links {    margin: 0;    padding: 0;    list-style: none;    list-style-image: none;}ul#social-links li {    display: inline-block;}ul#social-links a {    display: block;    margin: 10px;    width: 34px;    height: 34px;    line-height: 30px;    font-size: 18px;    color: #fff;    border: 1px solid #fff;  	border-radius: 3px;}ul#social-links a:hover {    background: rgba(255, 255, 255, 0.3);}/* ====== Home Section ======*/#home {    margin: 0 auto;    padding: 0;    max-width: 1170px;    color: #fff;}#home h1 {    margin-top: 30px; 	margin-bottom: 50px;    font-size: 50px; 	letter-spacing: 1px;    -webkit-hyphens: auto;    -moz-hyphens: auto;    hyphens: auto;   }/* ====== Countdown Section ======*/#countdown {    margin: 60px 0 50px;      min-height: 180px;    font-size: 11px;    font-weight: 400;    text-transform: uppercase;    letter-spacing: 1px;	color: #ccc;}.count-el {    display: inline-block;    padding: 20px;	margin-bottom: 20px;	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	-ms-transform: all 0.5s;	transition: all 0.5s;}.count-el span {    display: block;    margin-bottom: -63px;    padding: 0;      width: 160px;    height: 160px;    font-size: 47px;	font-weight: 400;    line-height: 137px;    border: 2px solid #000;	background: rgba(0, 0, 0, 0.2);    border-radius: 50%;}.count-el:hover span {	background: rgba(0, 0, 0, 0.3);}#countdown.end-countdown {    min-height: 0;}#countdown.end-countdown span {    display: inline-block;    padding: 40px;    font-size: 30px;    font-weight: 700;}/* ====== Extra Section : Main Styles ====== */.extra-section {    position: fixed;    top: 0;    left: 0;    margin-top: -300%;	padding: 30px;	width: 100%;	height: 100%;    background: rgba(255,255,255,0.6);    color: #000;    text-align: left;    z-index: 500;}.extra-section.open {    margin-top: 0;	height: 100%;	max-height: 100%;	-webkit-transform: 0.4s;    -moz-transform: 0.4s;    -ms-transform: 0.4s;    transition: 0.4s;}.close-ext-section {    position: fixed;    top: 30px;    left: 50%;	width: 100px;    margin-left: -50px;	font-size: 40px;    color: #000;    text-align: center;}.extra-section .container {    padding: 40px;}.extra-section h1 {    position: relative;    margin-bottom: 40px;    padding-bottom: 10px; }.extra-section h1:after {    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 1px;    background: rgba(255, 255, 255, 0.4);    content: '';}/* ====== Extra Section: Solutions Section Styles ====== */.solutions-box {	width: 30%;	display: block;	float: left;	margin-right: 5%;	margin-top: 30px;}.solutions-box:last-child {	margin-right: 0;}.solutions-box i {	padding: 15px 10px 0 0;	font-size: 30px; }/* ====== Extra Section: CONTACT US Section Styles ====== */ul.list-contacts {    list-style: none;	padding-left: 0;	margin-bottom: 80px;}ul.list-contacts li {    margin-bottom: 10px;    overflow: hidden;}ul.list-contacts li i {    float:left;    margin: 4px 10px 0 0;    width: 20px;     text-align: center;}ul.list-contacts li.address span {    display: block;}/* ====== FORMS Styles ====== */form {	margin-bottom: 40px;}.newsletter form {	margin-bottom: 60px;}.newsletter h3 {	margin-bottom: 0;}form label {    display: inline-block;    margin-bottom: 20px;    width: 100%;    }form input,form textarea {    display: block;    margin-top: 10px;    padding: 10px;    width: 100%;	margin-left: auto;	margin-right: auto;    font-size: 90%;	color: #777;    border: 1px solid #ddd;    border-radius: 3px;	opacity: 0.7;}.newsletter form input {	width: 50%;}form input[type=text]:focus,form textarea:focus {    border-color: #000;    outline: none}form textarea {    height: 150px;}form input.submit {    display: inline-block;    padding: 10px 40px;    width: auto;    background: transparent;    color: #fff;    text-transform: uppercase;    letter-spacing: 1px;    font-size: 14px;    font-weight: bold;    border: 1px solid #fff;    cursor: pointer;    -webkit-appearance: button;	opacity: 1;}form input.submit:hover {   background: rgba(255, 255, 255, 0.4);}form.newsletter-form label {	margin-bottom: 10px;}#form-msg {    position: fixed;    top: 0;    left: 0;    bottom: 0;    right: 0;    background: rgba(180,180,180,0.9);    z-index: 600;}#form-msg a {    position: absolute;    top: 40px;    right: 40px;    width: 40px;    height: 40px;       background: none !important;    color: #fff;	font-size: 40px;    text-align: center;    line-height: 40px;    z-index: 601;}#form-msg a:hover {    color: #ff0e74 !important;}#form-msg span {    display: block;    position: absolute;    top: 50%;    left: 50%;    margin-left: -122px !important;    padding: 20px;	width: 200px;	background: #ff0e74;    color: #;    font-size: 20px;    font-weight: bold;       text-align: center;    border-radius: 3px;	border: dashed 2px #fff;    -moz-box-sizing: content-box;    -webkit-box-sizing: content-box;    box-sizing: content-box;}#form-msg.success span,#form-msg.success a {   background: #27ae60;   color: #fff;}#form-msg.fail span,#form-msg.fail a {   background: #ff0e74;   color: #fff;}#form-msg.duplicate span,#form-msg.duplicate a {   background: #e67e22;   color: #fff;}/* ====== Transition Effects - General ====== */.wrapper {    transition: margin-top 0.5s ease 0s;}a,form input.submit {    -webkit-transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;    -moz-transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;    -ms-transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;    transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;}#nav-menu a:before,#nav-menu a:after {    -webkit-transition: width 0.2s ease-in-out, visibility 0.2s ease-in-out;    -moz-transition: width 0.2s ease-in-out, visibility 0.2s ease-in-out;    -ms-transition: width 0.2s ease-in-out, visibility 0.2s ease-in-out;    transition: width 0.2s ease-in-out, visibility 0.2s ease-in-out;}#nav-menu a:before {    -webkit-transform-delay: 0.25s;    -moz-transform-delay: 0.25s;    -ms-transform-delay: 0.25s;    transition-delay: 0.25s;}/* ====== Transition Effects - Home Section ====== */.loading #logo,.loading #countdown,.loading .from-top,.loading .from-bottom {    opacity: 0;}.loading .from-top {    -webkit-transform: translateY(-30px);    -moz-transform: translateY(-30px);    -ms-transform: translateY(-30px);    transform: translateY(-30px);  }.loading .from-bottom {    -webkit-transform: translateY(30px);    -moz-transform: translateY(30px);    -ms-transform: translateY(30px);    transform: translateY(30px);}.from-bottom,.from-top {    -webkit-transform: translateY(0);    -moz-transform: translateY(0);    -ms-transform: translateY(0);    transform: translateY(0);  }#logo,#countdown,.from-top,.from-bottom {    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;    -moz-transition: opacity 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;    -ms-transition: opacity 0.5s ease-in-out, -ms-transform 0.5s ease-in-out;    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}h1#logo {    -webkit-transition-delay: 0.3s;    -moz-transition-delay: 0.3s;    -ms-transition-delay: 0.3s;    transition-delay: 0.3s; }#nav-menu {    -webkit-transition-delay: 1.5s;    -moz-transition-delay: 1.5s;    -ms-transition-delay: 1.5s;    transition-delay: 1.5s;   }#countdown {    -webkit-transition-delay: 0.8s;    -moz-transition-delay: 0.8s;    -ms-transition-delay: 0.8s;    transition-delay: 0.8s; }#home h1 {    -webkit-transition-delay: 1.8s;    -moz-transition-delay: 1.8s;    -ms-transition-delay: 1.8s;    transition-delay: 1.8s;}.newsletter {    -webkit-transition-delay: 2.0s;    -moz-transition-delay: 2.0s;    -ms-transition-delay: 2.0s;    transition-delay: 2.0s;   }ul#social-links {    -webkit-transition-delay: 2.3s;    -moz-transition-delay: 2.3s;    -ms-transition-delay: 2.3s;    transition-delay: 2.3s;   }/* ====== Transition Effects - Extra Section ====== */.extra-section {    -webkit-transition: margin-top 0.3s ease 0s;    -moz-transition: margin-top 0.3s ease 0s;    -ms-transition: margin-top 0.3s ease 0s;    transition: margin-top 0.3s ease 0s;}.close-ext-section,.extra-section h1,.content-ext-section,.extra-section form {    opacity: 0;    -webkit-transform: translateY(-50px);    -moz-transform: translateY(-50px);    -ms-transform: translateY(-50px);    transform: translateY(-50px);  }.extra-section.open .close-ext-section,.extra-section.open h1,.extra-section.open .content-ext-section,.extra-section.open form {    opacity: 1;    -webkit-transform: translateY(0);    -moz-transform: translateY(0);    -ms-transform: translateY(0);    transform: translateY(0);    -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;    -moz-transition: -moz-transform 0.4s ease, opacity 0.4s ease;    -ms-transition: -ms-transform 0.4s ease, opacity 0.4s ease;    transition: transform 0.4s ease, opacity 0.4s ease;}.extra-section.open h1 {    -webkit-transform-delay: 0.5s;    -moz-transform-delay: 0.5s;    -ms-transform-delay: 0.5s;    transition-delay: 0.5s;}.extra-section.open .content-ext-section {    -webkit-transform-delay: 1s;    -moz-transform-delay: 1s;    -ms-transform-delay: 1s;    transition-delay: 1s;}.extra-section.open form {    -webkit-transform-delay: 1.5s;    -moz-transform-delay: 1.5s;    -ms-transform-delay: 1.5s;    transition-delay: 1.5s;}.extra-section.open .close-ext-section {    -webkit-transform-delay: 1.8s;    -moz-transform-delay: 1.8s;    -ms-transform-delay: 1.8s;    transition-delay: 1.8s;}/* ====== Image and Slider Background Versions Styles ====== */#overlay {    position: fixed;    top: 0;    left: 0;      width: 100%;    height: 100%;    z-index: -1;        /* Overlay OPACITY */    opacity: 0.7;      /* Uncomment the following line and update the value (ex. 0.7 => 70, 0.85 => 85) to add opacity support to IE8 */    /* filter: alpha(opacity=70); */    /* Overlay BACKGROUND */     background-color: #000000;}/* ====== YouTube Video Background Version Styles ====== */.mbYTP_wrapper {    z-index: -2 !important;}#video-controls a {    display: block;    position: fixed;    bottom: 22px;    width: 30px;    height: 30px;    color: #fff;    font-size: 17px;    line-height: 30px;    text-align: center;    border-radius: 2px;    }#video-controls a:hover {    background: #222;    color: #fff;}#on-off-video {    right: 60px;}#on-off-sound {    right: 20px;}   /* ====== Media Queries ====== */@media (min-width: 941px) and (max-width: 1170px) {    .extra-section {		left: 0;		margin-left: 0;			width: 100%;		min-height: 100%;		border-radius: 0;    }		.extra-section.open {		margin-top: 0;		min-height: 100%;	}		.close-ext-section {		top: 20px;	}}@media (max-width: 940px) {    body.ext {        overflow: hidden;    }    body.ext .wrapper {        margin-top: 0;    }		.wrapper {		margin: 0 !important;	}		h1#logo {		margin-top: 50px;		margin-bottom: 0;	}    .extra-section {        left: 0;		margin-left: 0;			padding-left: 0;		padding-right: 0;		width: 100%;		min-height: 100%;		background: rgba(180,180,180,0.95);		border-radius: 0;    }		.extra-section.open {		margin-top: 0;		min-height: 100%;	}		.close-ext-section {		top: 20px;	}		.solutions-box {		width: 100%;	}    #nav-menu {        position: fixed;        width: 100%;		left: 0;        top: -40px;        padding-top: 10px;        height: 60px;        text-align: center;        overflow: hidden;        z-index: 300;    }        #nav-menu.open-small-nav {        height: 100%;    }    #nav-menu.open-small-nav:before {        position: absolute;        top: 0;        left: 0;        bottom: 0;        right: 0;        content: '';        background: #000;        opacity: 0.8;    }    #nav-menu.open-small-nav ul,    #toggle-menu {        position: relative;        z-index: 1;    }    #toggle-menu {        display: block;        float: right;        margin-right: 10px;        height: 50px;        width: 40px;        line-height: 40px;        font-size: 24px;        color: #fff;          }    #nav-menu ul {        clear: both;        opacity: 0;        -webkit-transition: opacity 0.4s ease 0s;        -moz-transition: opacity 0.4s ease 0s;        -ms-transition: opacity 0.4s ease 0s;        transition: opacity 0.4s ease 0s;    }    #nav-menu.open-small-nav ul {        opacity: 1;    }    #nav-menu ul li {        display: block;        margin: 10px 0;    }    #nav-menu ul li a {        display: block;         padding: 15px 20px;        font-size: 18px;        background: rgba(255, 255, 255, 0.3);        color: #fff;         }    #nav-menu ul li a:hover {        background: rgba(255, 255, 255, 0.5) !important;        color: #fff;    }	#on-off-video {		top: 15px;		left: 20px;	}		#on-off-sound {		top: 15px;		left: 60px;	}}@media (max-device-width: 940px) {		#nav-menu a:before,    #nav-menu a:after,    #video-controls {        display: none;    }}@media (max-width: 480px) {		.extra-section {		padding-top: 40px;	}	#contact-us form {        margin-left: 0;    }    #home h1 {        font-size: 36px;    }    }/* ====== IE8 Opacity ====== */.ie8 #form-msg {    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000,endColorstr=#e5000000);}.ie8 .close-ext-section {    filter: alpha(opacity=0); }.ie8 .extra-section.open .close-ext-section {    filter: alpha(opacity=100); }