@import url("../css/reset.css");
@import url("../css/menu.css");
@import url("../css/fonts/proximanova-black.css");
@import url("../css/fonts/proximanova-extrabold.css");
@import url("../css/fonts/proximanova-regular.css");
@import url("../css/fonts/proximanova-semibold.css");
@import url("../css/fonts/proximanova-bold.css");
@import url(http://fonts.googleapis.com/css?family=Yellowtail);

/* important stuff */
html, body
{
    height:100%;
}
body
{
    background: #f1f1f1;
    font: normal 1em/1.3 'ProximaNova-Regular', 'Trebuchet MS', 'Arial', sans-serif;
}

h1
{
    font-family:'ProximaNova-Bold', 'Trebuchet MS', 'Arial', sans-serif;
    color:#3f4649;
    font-size:36px;
    line-height:130%;
}

h2
{

}

h3
{
    font-family:'ProximaNova-Bold', 'Trebuchet MS', 'Arial', sans-serif;
    color:#3f4649;
    font-size:30px;
    line-height:130%;
}
h4
{
    font-family:'ProximaNova-Bold', 'Trebuchet MS', 'Arial', sans-serif;
    color:#fff;
    font-size:20px;
    line-height:130%;
}

h5
{
    font-family:'ProximaNova-Bold', 'Trebuchet MS', 'Arial', sans-serif;
    color:#fff;
    font-size:20px;
    line-height:130%;
}

a
{

}

/* body-wrappers settings*/
#body-first
{
    min-width:1180px;
    max-width:1440px;
    margin:0 auto;
    background:#FFF;
}

#body-second
{
    position:relative;
}

/* header settings */

#header
{
    position:relative;
    margin:0px auto;
    height:90px;
    background:#2A2F31;
    width:100%;
}
/* logo */
#header .logo
{
    position:absolute;
    top:28px;
    left:50px;
}

#header .logo a
{
    font-family:'ProximaNova-Semibold', 'Trebuchet MS', 'Arial', sans-serif;
    font-size:30px;
    text-decoration:none;
    color:#fff;
}
/* content */
#content
{

}

#content:after
{
    clear:both;
    content:"";
    display:block;
    height: 0;
    visibility:hidden;
}

#content .left
{
    border-top:1px solid #f2f2f2;
    float:left;
    width:100%;
    margin:0px -390px 0px 0px;
}

#content .left .left-side-pad
{
    padding:75px 485px 115px 90px;
}

#content .left .left-side-pad p
{
    font-family:'ProximaNova-Regular', 'Trebuchet MS', 'Arial', sans-serif;
    font-size:16px;
    line-height:140%;
    text-decoration:none;
    color:#3F4649;
}

#content .right
{
    width:390px;
    float:left;
}

#content .right .right-side-pad
{
    padding:75px 85px 75px 40px;
}

#content .right .right-side-pad .contacts li
{
    font-family:'ProximaNova-Regular', 'Trebuchet MS', 'Arial', sans-serif;
    font-size:16px;
    color:#fff;
    line-height:140%;
    padding-bottom: 20px;
    display:block;
}

#content .right .right-side-pad .contacts li a
{
    display:inline;
    font-family:'ProximaNova-Bold', 'Trebuchet MS', 'Arial', sans-serif;
    text-decoration:none;
    background:url(../img/email-bg.gif) repeat-x 0 85%;
}

#content .right .right-side-pad .contacts li a:hover
{
    background:url(../img/email-bg-hover.gif) repeat-x 0 85%;
}

#content .right .right-side-pad .contacts li strong
{
    font-family:'ProximaNova-Bold', 'Trebuchet MS', 'Arial', sans-serif;
}

/* sidebar colors */
#content.inner-orange
{
    background:url(../img/orange-bg.gif) repeat-y 100% 0;
}

#content .orange-border-top
{
    border-top:1px solid #E6A340;
}

#content.inner-green
{
    background:url(../img/green-bg.gif) repeat-y 100% 0;
}

#content .green-border-top
{
    border-top:1px solid #169F96;
}

/*sidebar defaults*/
#content .right span
{
    font-family:'ProximaNova-Semibold', 'Trebuchet MS', 'Arial', sans-serif;
    font-size:20px;
    color:#fff;
}

#content .right ul
{
    padding:15px 0px 45px 0px;
}

#content .right ul li
{
    display:block;
}

#content .right ul li a
{
    font: normal 16px/2 'Myriad Pro', sans-serif;
    color:#fff;
    display:block;
}

#content .right ul li a:hover
{
    color: #000;
    text-decoration: underline;
}

/*footer settings*/
#footer
{
    position:relative;
    margin:0 auto;
    background:#f1f1f1;
}

#footer .foot-wrap
{
    position:relative;
    height:90px;
}

#footer .foot-wrap .copyright
{
    position:absolute;
    top:35px;
    left:90px;
    color: #535353;
    font-family:'ProximaNova-Regular', 'Trebuchet MS', 'Arial', sans-serif;
    font-size:14px;
    padding:30px 0px 40p 0px;
}

#footer .foot-wrap .feedback
{
    position:absolute;
    top:35px;
    right: 90px;
    padding:30px 0px 40p 0px;
}

#footer .foot-wrap .feedback a
{
    font-family:'ProximaNova-Bold', 'Trebuchet MS', 'Arial', sans-serif;
    color:#535353;
    font-size:14px;
    text-decoration:none;
    margin-left:30px;
    background:url(../img/sub-menu-underline.png) repeat-x 0px 15px;
}

#footer .foot-wrap .feedback a:hover
{
    color:#000;
}

/*inner page*/
.orange-pointer
{
    padding-left:20px;
    width:530px;
    position:relative;
    left:-24px;
    border-left:4px solid  #F3AB41;
}

#content .inner-page p
{
    font-family:'ProximaNova-Regular', 'Trebuchet MS', 'Arial', sans-serif;
    font-size:14px;
    line-height:130%;
    text-decoration:none;
    color:#fff;
    padding-top:22px;
}
/*Send Form*/
.contacts-block
{
    width:405px;
}

.notation
{
    color:#3F4649;
    line-height:140%;
    font-size:16px;
    display:block;
    font-family:'ProximaNova-Regular', 'Trebuchet MS', 'Arial', sans-serif;
}

.contact-form ul li
{
    display:block;
    margin-bottom:15px;

}

.contact-form ul li input.input-text
{
    width:396px;
    height:38px;
    border:2px solid #15A79D;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-indent:10px;
    color:#3F4649;
    font-size:16px;
    font-family:'ProximaNova-Semibold', 'Trebuchet MS', 'Arial', sans-serif;
}

.contact-form ul li input.error
{
    width:396px;
    height:38px;
    color:#E36F6F;
    background:#fcc;
    border: 2px solid #fcc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-indent:10px;
}

.contact-form ul li textarea
{
    width:396px;
    height:146px;
    resize:none;
    border:2px solid #f1f1f1;
    background:#f1f1f1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-indent:10px;
    color:#3F4649;
    font-size:16px;
    padding:10px 0px;
    font-family:'ProximaNova-Semibold', 'Trebuchet MS', 'Arial', sans-serif;
}

.contact-form ul li textarea.error
{
    color:#E36F6F;
    background:#fcc;
}

.input-submit
{
    background:#2B2F31;
    border:none;
    width:160px;
    height:52px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family:'ProximaNova-Semibold', 'Trebuchet MS', 'Arial', sans-serif;
    font-size:16px;
    color:#fff;
    cursor:pointer;
}

/*paddings and margins - defaults */
.pad-bot10
{
    padding-bottom:10px;
}

.pad-bot15
{
    padding-bottom:15px;
}

.pad-bot50
{
    padding-bottom:50px;
}

.pad-bot20
{
    padding-bottom:20px;
}

.mar-vert50
{
    margin:50px 0px;
}


/*  */

.full-page {width:100%;}

.accordion {}
.accordion:after {clear:both;content:"";display:block;height: 0;visibility:hidden;}
.accordion ul {width:100%; height:655px; overflow:hidden; position:relative; }
.accordion ul li {width:100%; height:100%;  position:absolute; cursor: pointer;}
.accordion ul li.li-001 {background:#0FC2B5 url(../img/online-bg.png) repeat-x 0 100%; top:0; left:0; z-index:500; }
.accordion ul li.li-001:hover {background:#44bdb5; }
.accordion ul li.li-001-slided h3 a {color:#FFF; border-bottom: 1px solid #fff;}
.accordion ul li.li-001-slided h3 a:hover {color:#000; border-color: #000;}
.accordion ul li.li-001-slided:hover {background:#0FC2B5 url(../img/online-bg.png) repeat-x 0 100%; top:0; left:0; z-index:500; cursor: default;}
.accordion ul li.li-002 {background:#F4BE42 url(../img/lookup-bg.png) repeat-x 0 100%; top:0; left:33%; z-index:550;}
.accordion ul li.li-002:hover {background:#f6c068;}
.accordion ul li.li-002-slided h3 a {color:#FFF; border-bottom: 1px solid #fff;}
.accordion ul li.li-002-slided h3 a:hover {color:#000; border-color: #000;}
.accordion ul li.li-002-slided:hover {background:#F4BE42 url(../img/lookup-bg.png) repeat-x 0 100%; top:0; left:33%; z-index:550; cursor: default;}
.accordion ul li.li-003 {background:#F76576 url(../img/browser-bg.png) repeat-x 0 100%; top:0; left:66%; z-index:600;}
.accordion ul li.li-003:hover {background:#e0717f;}
.accordion ul li.li-003-slided h3 a {color:#fff; border-bottom: 1px solid #fff;}
.accordion ul li.li-003-slided h3 a:hover {color:#000; border-color: #000;}
.accordion ul li.li-003-slided:hover {background:#F76576 url(../img/browser-bg.png) repeat-x 0 100%; top:0; left:66%; z-index:600; cursor: default;}
.accordion ul li .acc-pad {width:320px; padding:50px 50px 100px 50px;}
.accordion ul li h3 {padding-bottom:30px; font-family:'ProximaNova-Bold', 'Trebuchet MS', 'Arial', sans-serif; font-size:46px; color:#FFF; }
.accordion ul li h3 a {color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF; line-height:100%; }
.accordion ul li h3 span.p-header-nolink {color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF; line-height:100%; }
.accordion ul li h4 {padding-bottom:30px; font-family: 'Yellowtail', cursive; font-size:34px; color:#2C2F31; line-height:100%;  }
.accordion ul li.li-001 h4 {text-shadow: 0px 1px 0px #56CFC6; }
.accordion ul li.li-002 h4 {text-shadow: 0px 1px 0px #F5CC78; }
.accordion ul li.li-003 h4 {text-shadow: 0px 1px 0px #F08592; }
.accordion ul li p.descr {font-size:18px; color:#FFF; line-height:133%; }
.accordion ul li a.go {position:absolute; bottom:25px; left:50px; line-height:127%; text-transform:uppercase; font-family:'ProximaNova-Extrabold', 'Trebuchet MS', 'Arial', sans-serif; font-size: 20px; letter-spacing: 1px; color:#FFF; }
.accordion ul li a.go:hover {color:#2B2F32; text-decoration:underline; }
.accordion ul li a.ico {display:block; width:30px; height:30px; position:absolute; top:60px; left:10px;}
.accordion ul li a.ico {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity: 0;}
.accordion ul li a.ico.online-ico {background:url(../img/online-ico.gif) no-repeat 0 0; }
.accordion ul li a.ico.lookup-ico {background:url(../img/lookup-ico.gif) no-repeat 0 0; }
.accordion ul li a.ico.browser-ico {background:url(../img/browser-ico.gif) no-repeat 0 0; }

.accordion ul li .recent-searches {padding-top:40px; }
.accordion ul li .recent-searches h6 {font-size:20px; color:#FFF; font-family:'ProximaNova-Semibold', 'Trebuchet MS', 'Arial', sans-serif;  }
.accordion ul li .recent-searches ul {padding-top:10px; width:247px; }
.accordion ul li .recent-searches ul li {margin-bottom:10px; font-size:15px; color:#FFF; display:block; position:static; height:auto; width:auto;}
.accordion ul li .recent-searches ul li a {color:#FFF;}
.accordion ul li .recent-searches ul li a:hover {color:#2B2F32; text-decoration:underline; }

.accordion ul li a.pic {display:block; position:absolute; top:360px; left:300px;  }
.accordion ul li a.pic.lookup-pic {width:161px; height:162px; background: url(../img/lookup-pic.png) no-repeat 0 0; }
.accordion ul li a.pic.browser-pic {width:170px; height:149px; background: url(../img/browser-pic.png) no-repeat 0 0; }

.accordion ul li img.img-big {position:absolute; bottom:0; left:390px; }
.accordion ul li .to-show {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity: 0; }

.accordion ul li .download-block {width:560px; height:50px; position:absolute; top:70px; left:587px; background: url(../img/devices.png) no-repeat 0 2px; }
.accordion ul li .download-block a {display:block; width:160px; height:50px; float:right; margin-left:20px; }
.accordion ul li .download-block a.app-store {background: url(../img/apps.png) no-repeat 0 0;}
.accordion ul li .download-block a.google-play {background: url(../img/ggpl.png) no-repeat 0 0;}

/* */

.development-blog {width:710px; padding:90px;}
.development-blog h3 {font-size:36px; font-family:'ProximaNova-Semibold', 'Trebuchet MS', 'Arial', sans-serif; padding-bottom:50px; }
.development-blog article {padding-bottom: 50px;}
.development-blog article h1.entry-title {line-height:100%; margin-bottom:15px; }
.development-blog article h1.entry-title a {color: #3F4649; font-family: 'ProximaNova-Semibold','Trebuchet MS','Arial',sans-serif; font-size: 28px; color:#15A79D; line-height:100%; }
.development-blog article .entry-header .date-post {color: #797979; display: inline-block; font-family: 'ProximaNova-Regular','Trebuchet MS','Arial',sans-serif; font-size: 15px; padding: 0 25px 20px 0;}
.development-blog article .entry-header .comments-link {display: inline-block; padding: 0 0 20px; }
.development-blog article .entry-header .comments-link a {color: #797979; font-family: 'ProximaNova-Extrabold','Trebuchet MS','Arial',sans-serif; font-size: 15px; text-decoration: none; }
.development-blog article .entry-content p {color: #3F4649; font-size: 16px; line-height: 140%; }
.development-blog article .entry-content p a {color: #15A79D;}
.development-blog article .entry-content a.more-link {color: #15A79D; display:inline-block; margin-top:10px; font-size:16px;}
.development-blog .read-more a  {display:block; width:183px; height:48px; line-height:48px; border:2px solid #15A79D; -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px; font-size:16px; text-align:center; color:#15A79D;font-family:'ProximaNova-SemiBold', 'Trebuchet MS', 'Arial', sans-serif;text-decoration:none; }
.development-blog .read-more a:hover{background:#15A79D;color:#fff; }

/* */
.accordion ul.small {height:655px;}
.accordion ul.middle {height:705px;}
.accordion ul.big {height:785px;}

/*w*/
.is-featured-at {float:right; margin: 90px; width:270px; background:#FFF; padding:35px; }
.is-featured-at h5 {background:#FFF; font-size:22px; padding:0; color:#333; height:35px; line-height:35px; font-family: 'ProximaNova-Semibold'; }
.is-featured-at ul {padding: 15px 0;}
.is-featured-at ul li {margin-bottom:10px; padding-left:0px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.is-featured-at ul li:before {display:none; }
.is-featured-at ul li a {font-size:18px; color:#16A79D; font-size:20px; font-family:'ProximaNova-Semibold'; }
.is-featured-at .techbehind {padding:0; font-size:14px; color:#A8A8A8; font-family:'ProximaNova-Semibold'; }
.is-featured-at .techbehind a {color:#3F4649; }